Nota : Coloquei o gradiente como sendo da cor azul indo para a branca mas pode ser feito com outras cores e mais cores.

Gradiente Linear (linear-gradient(white, blue))


Gradiente Radial radial-gradient(white, blue)


Gradiente Misto-linear-gradient(45deg, #0000FF 0%, #CBEBFF 47%, #A1DBFF 100%);


Gradiente com direção definido pelo usuário (novo)-linear-gradient(to bottom, white, blue)


Gradiente Linear2-versão antiga antes de ser incluída na css3 - Mistura dos gradientes acima


Gradiente Linear2 webkit (Chrome até versão 9, Safari até versão 5)-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, blue));


Gradiente Linear para o IE 6 em diante - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0000FF',GradientType=0);