Linear gradient in Chrome and Safari browsers
Try this - http://jsfiddle.net/fwkgM/1/
background-color: #9e9e9e;
background-image: linear-gradient(to bottom, #9e9e9e, #454545);
CSS3 Please
You can also try this:
http://www.colorzilla.com/gradient-editor/
It's a pretty good CSS3 gradient generator. It has worked well for me. Hope it helps you too! :D
For Cross browser compatibility try the following
background-color: #9e9e9e; /* fallback color if gradients are not supported */
background-image: -webkit-linear-gradient(bottom, rgb(213,12,18), #9e9e9e 40%); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
background-image: -moz-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For Firefox (3.6 to 15) */
background-image: -o-linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* For old Opera (11.1 to 12.0) */
background-image: linear-gradient(to bottom, #9e9e9e 60%, #454545 100%); /* Standard syntax; must be last */