<style>
.grad{
  background: -webkit-gradient(linear, left top, left bottom, from(#84c8d7), to(#327fbd));
  background: -moz-linear-gradient(top,  #84c8d7,  #327fbd);
  filter:
    progid:DXImageTransform.Microsoft.gradient(startColorstr="#84c8d7", endColorstr="#327fbd"); 
}
</style>
 
<div class="grad">This is a DIV with gradient background.</div>

http://www.apphp.com/index.php?snippet=css-background-gradient

Today with CSS3, you no longer need a background image for gradients. You can use CSS to add a gradient to the background of some elements on your page. For ex.: change the color hex values ("84c8d7" and "327fbd") to the gradient color you need.

Adding Background Gradient in CSS

css, background

CSS