Membuat warna gradiasi pada Css

mungkin menurut anda itu sulit untuk di kerjakan dengan coding css.
lebih simple menggunakan photohsop

ya kalau menurut saya lebih simple dengan code karena tidak membuat berat pada halaman website kita

#button {

height: 35px;
width: 100px;
border: 1px solid #ff0000;
background: #ff0000; 
background: -moz-linear-gradient( center top, white 20%, #ff0000 100% ); 
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #ff0000) );

} 

itu code cssnya

untuk code htmlnya
<div id="button">Button</div>

Ok semoga manfaat