CSS3 gradient faux column

This effect is created by allowing a bit of the gradient to actually look gradiated—using an extra stop in a pale, yet similar color. This style creates an inset look on the white area. This demo is created with percent values.

background-image: -webkit-gradient(linear, 35% 0%, 33% 0%, from(#FFFFFF), to(#E2DAED), color-stop(.9,#BEBDBF));

background-image: -moz-linear-gradient(37% 0% 180deg,#FFFFFF, #FFFFFF, #BEBDBF 9%,#E2DAED 10%);
/* you must make the moz gradient slightly wider in order to account for the stops narrowing it slightly */