Code Background Gradients

GRADIENTS 1

GRADIENTS 2

<style type="text/css">

.GRADIENTS1 {
    background: -moz-linear-gradient(0% 0% 270deg,#00abeb, white, white 50%,#66cc00 51%,white 100%);
    background: -webkit-gradient(linear, left top, left bottom,
                       from(#00abeb), to(white),
                       color-stop(0.5, white), color-stop(0.5, #66cc00));
    height: 100px;
    width: 100%;
    text-align: center;
}
.GRADIENTS2{
    background: -webkit-gradient(radial, 430 50, 0, 430 50, 506, from(red), to(#000));
    background-image: -moz-radial-gradient(430px 50px 45deg, circle cover, red 0%, black 100%);
    text-align: center;
}

</style>

<div class="GRADIENTS1"> GRADIENTS 1 </div>
<div class="GRADIENTS2"> GRADIENTS 2 </div>

http://playground.html5rocks.com/#gradients