Vertical
Du haut vers le bas

background: -moz-linear-gradient(top, #b8988b 50%, #3b3036 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#b8988b), to(#3b3036));

 

Horizontal
De gauche à droite

background: -moz-linear-gradient(left, #b8988b 50%, #3b3036 100%);
background: -webkit-linear-gradient(linear, left top, left bottom, from(#b8988b), to(#3b3036));

 

Sphérique
halo centrer a 80% et a 10% verticalement du centre vers l'exterieur

background: -moz-radial-gradient(50% 50%, farthest-side, #b8988b, #3b3036);
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#b8988b), to(#3b3036));

 

Au survol :

 

Vertical

 

background: -moz-linear-gradient(top, #3b3036 50%, #b8988b 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#3b3036), to(#b8988b));

 

Horizontal

 

background: -moz-linear-gradient(left, #3b3036 50%, #b8988b 100%);
background: -webkit-linear-gradient(linear, left top, left bottom, from(#3b3036), to(#b8988b));

 

Sphérique

 

background: -moz-radial-gradient(50% 50%, farthest-side, #3b3036, #b8988b);
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#3b3036), to(#b8988b));