CSS3 gradient faux column - rgba stripe

This effect is simply a progression of the previous multiple background effect—with a third rgba background—creating a double border effect.

background: -webkit-gradient(linear, 332 100%, 332 100%, from(rgb(226,218,237)), to(rgba(255,255,255,.5))),-webkit-gradient(linear, 336 100%, 336 100%, from(rgb(226,218,237)), to(rgba(255,255,255,.5))),-webkit-gradient(linear, 340 100%, 340 100%, from(rgb(124,120,130)), to(#FFFFFF));

background: -moz-linear-gradient(332px 0% 180deg,rgba(255,255,255,.5), rgb(226,218,237), rgb(226,218,237) 0%),-moz-linear-gradient(336px 0% 180deg,rgba(255,255,255,.5), rgb(226,218,237), rgb(226,218,237) 0%),-moz-linear-gradient(340px 0% 180deg,#FFFFFF, rgb(124,120,130), rgb(124,120,130) 0%);