Degradar un repeating-linear-gradient

[omar_gutierrez]

Saludos, tengo un buen rato intentando hacer lo siguiente:

Quiero hacer que varias ineas paralelas horizontales, se vayan desvaneciendo poco a poco.

el codigo que tengo para las lineas es:

background: repeating-linear-gradient(180deg, rgb(50, 50, 50) 0, rgba(255, 255, 255, 0) 2px);

Lo que hace es poner lineas oscuras y otras transparentes, pero me gustaria que las lineas negras, poco a poco se fueran degradando a transparente, dearriba hacia abajo.

he visto como hacer degradados de opaco a transparente, pero no me he encontrado con lo que requero.

Les dejo un fragmento de como se ve en este momento:

(no tengo donde almacenar imagenes, les dejo la imagen en base64)

[IMG]data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAccAAACgCAMAAAB OpFfWAAAA0lBMVEUwZ3IxQ0cxQ0gxREgxREkxRUkxZ3MxZ3Qxa HQxaXQyREgyREkyRUkyRkoyRksyR0syaHMyaHQyaHUyaXQyaXU yanUyanYyanczRUozRkozR0szR0wzSEwzaXUzanUzanYzancza 3Yza3czbHczbHgzbXgzbXkzbno0SEw0SE00a3c0a3g0bHg0bXk 0bnk0bno0bns0b3s0b3w0cHw0cH01b3s1b3w1cHw1cH01cX01c X41cn41cn82cX02cX42cn42cn82c4A3cn83c383c4A3dIEcvfh aAAACEUlEQVR4AbTBB46CYBAGULaXZTsWwaLYiyJ2LIrF+19J/29IZhJCjFHf07Sf41/5mf8FDfUFXzNiNjT3hv9qwRBjNo83xKacUFs0j3Z4mxexRDvo0 DJWuCtX5WHEEY4d7KJLJ+ipPbpQ+0txNRC9qD6fbnCLOzrDOfr qXl5z7f3u9A/U6T0+XHdSfqQp/hTUL2/Kn7dp8a80/z5/LWKdmmgd2qdjIgAAAARC/Vtrh185MnA++uijjz766KOPPvroo48++uijjz766KOPPvroo48 ++uijjz766KOPPvroo48++uijjz766KOPPvroo48++uijjz766 KOPPvroo48++uijjz766KOPPvroo48++uijjz766KOPPvroo48 ++uijjz766KOPPvroo48++uijjz766KOPPvroo48++uijjz766 KOPPvroo48++uijjz72jz766KOPPvroo48++uijjz766KOPPvr oo48++uijjz766KOPPvroo48++uijjz766KOPPvroo48++uijj z766KOPPvroo48++uijjz766KOPPvroo48++uijjz766KOPPvr oo48++uijjz766KOPPvroo48++uijjz766KOPPvroo48++uijj z766KOPPvroo48++uijjz766KOPPvroo48++uijjz766KOPPvr oo48++uijjz766KOPPvroo48++jiI3RXBwYBdxQAAAABJRU5Er kJggg==[/IMG]

Nuevamente comento que el resultado que deseo obtener, es que las lineas negras desaparescan al fondo del contenedor con un degradado.