Efecto blur en div

[dalfageme]

Buenas,
me gustaría realizar el siguiente efecto
Quiero que aparezca una imagen de fondo y encima un logotipo y al pasar el ratón el fondo se difumine y el logo se amplie
el html que tengo es este:

Código HTML:

<header class="headerproducto">
        <img src="images/hadesheader.jpg" class="img-responsive imgproducto">
        <img src="images/hadeslogo.png" class="logoproducto">
    </header>
 

Muchas gracias y un saludo!