Tengo un DIV y me gustaría poner un patrón como fondo. Este patrón es gris. Para hacerlo un poco más agradable, me gustaría poner una "capa" de color transparente claro. A continuación se muestra lo que intenté pero que no funcionó. ¿Hay alguna forma de poner la capa de color sobre la imagen de fondo?

Aquí está mi CSS:

background: url('../img/bg/diagonalnoise.png');
background-color: rgba(248, 247, 216, 0.7);