Gradients

#gradients1 {
    text-align:center;
    margin:0 auto;
    height:50px;
    width:580px;
  background: -moz-linear-gradient(top, #35425d 0%, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#35425d), to(#fff));
}

#gradients2 {
    text-align:center;
    margin:20px auto;
    height:50px;
    width:580px;
  background: -moz-linear-gradient(left, #35425d 25%, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#35425d), to(#fff));
}

#gradients3 {
    text-align:center;
    margin:20px auto;
    height:50px;
    width:580px;
  background: -moz-radial-gradient(50% 50%, farthest-side, #487a77, #fff);
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#487a77), to(#fff));
}

Preview

Gradient

Linear gradient

Radial gradient