No me funciona la opacidad

[iEnrique]

En resumidas cuentas, cuando le digo que le de opacidad no me la pone, ¿tengo algún error?:

Código CSS:

.blue{
    background-image: url(noise-blue.png); 
    background: linear-gradient(#FFFFFF, #000000);
    background: -webkit-linear-gradient(#FFFFFF, #000000);
    background: -moz-linear-gradient(#FFFFFF, #000000);
    background: -o-linear-gradient(#FFFFFF, #000000);
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    width: 72px;
    height: 99.5%;
    vertical-align: middle;
    background-repeat: repeat-y;
    float: left;
    margin: 1px 0px 1px 1px;
    z-index: 1;
}
 

Con la opacidad:

Código CSS:

.blue{
    background-image: url(noise-blue.png); 
    background: linear-gradient(#FFFFFF, #000000, 0.5);
    background: -webkit-linear-gradient(#FFFFFF, #000000, 0.5);
    background: -moz-linear-gradient(#FFFFFF, #000000, 0.5);
    background: -o-linear-gradient(#FFFFFF, #000000, 0.5);
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    width: 72px;
    height: 99.5%;
    vertical-align: middle;
    background-repeat: repeat-y;
    float: left;
    margin: 1px 0px 1px 1px;
    z-index: 1;
}
 

Si me ayudarais me haríais un gran favor gracias