Cascading Style Sheets/Gradients

Use the background image property to create a linear, radial or conic gradient.

Use the linear-gradient keyword to create a linear gradient.

Use -moz-, -o-, and -webkit- as a prefix to the linear-gradient keyword for support on older browsers

#corpnav, #searchbar { 
  color: #999; 
  background-image: -o-linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for Opera 11.1 and 12 */
  background-image: -moz-linear-gradient(top,rgb(49,49,49),rgb(7,7,7)); /* for Firefox 3.6-15 */
  background-image: -webkit-linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for Chrome 10-25, Safari 5.1 and 6 */
  background-image: linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for IE 10+, Edge, Safari 6.1+, Opera 12.1+, Chrome 26+, Firefox 16+ */
}

ReferencesEdit

CSS3 Linear Gradients