CSS3 gradient faux column

This faux column is created by a CSS3 gradient. The two colors of the gradient are given the same number (pixel or percent value) to stop at. Thus, they don't blend at all and a hard edge is created.

background: -moz-linear-gradient(left, #b592db 0%, #b592db 28%, #ffffff 28%, #ffffff 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b592db), color-stop(28%,#b592db), color-stop(28%,#ffffff), color-stop(100%,#ffffff));

background: -webkit-linear-gradient(left, #b592db 0%,#b592db 28%,#ffffff 28%,#ffffff 100%);

background: -o-linear-gradient(left, #b592db 0%,#b592db 28%,#ffffff 28%,#ffffff 100%);

background: -ms-linear-gradient(left, #b592db 0%,#b592db 28%,#ffffff 28%,#ffffff 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b592db', endColorstr='#ffffff',GradientType=1 );

background: linear-gradient(left, #b592db 0%,#b592db 28%,#ffffff 28%,#ffffff 100%);

background-image: -moz-linear-gradient(35% 0% 180deg,#FFFFFF, #E2DAED, #E2DAED 0%);