gradients in CSS

This markup:

<div style="
   width: 100px;
   height: 100px;
   background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#decaff),
         color-stop(0.33, #decaff), to(#c0ffee));
   background-image: linear-gradient(to bottom, #decaff 0%, #decaff 33%,
         #c0ffee 100%);">
</div>

 
 

Makes this:

 
 

Links that helped me with this:

• http://www.webdirections.org/blog/css3-linear-gradients/
• http://hexwords.info/