Exemplos simples de como criar um efeito degradê sem a necessidade da útilização de imagens.
Para navegadores Webkit
A linha de código a seguir serve para navegadores Webkit, como o Safari, Chrome, etc.
background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#CCCCCC));
Para o Firefox 3.6+
A linha de código a seguir serve apenas para o navegador Firefox 3.6+
background-image: -moz-linear-gradient(top, #000000, #CCCCCC);
Para o Opera
A linha de código a seguir serve apenas para o navegador Opera 11.10+
background-image: -o-linear-gradient(top, #000000, #CCCCCC);
Para Internet Explorer
A linha de código a seguir serve apenas para o navegador Internet Explorer. Testado nas versões 7 e 8 do Internet Explorer.
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#CCCCCC');
Resultado: