In ale moderne browsers (met een recente versie) werkt de gradiënt css-background. De kwaliteit van de gradient-css van IE is niet om over naar huis te schrijven en opera heeft wel een ongelooflijke hoeveelheid (inline - svg) code nodig om een css gradient op het scherm te zetten, maar voor de rest werkt de gradient probleemloos. In deze css-gradient zijn de kleuren #ffffcc en #ffccff gebruikt. Wijzig die naar kleuren die jij op de pagina('s) wilt gebruiken (vergeet niet de kleuren in de inline svg van de opera-code te veranderen).
<style type="text/css">
body{
background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x2%3D%220%22%20y1%3D%220%22%20y2%3D%220%22%20x1%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23ffccff%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23ffffcc%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E);
background:-webkit-gradient(linear,left center,right center,from(#ffffcc),to(#ffccff));
background:-moz-linear-gradient(left,#ffffcc,#ffccff)}
</style>
<!--[if IE]>
<style type="text/css">
body{margin:0;padding-left:8px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc',endColorstr='#ffccff', gradientType='1');}
</style>
<![endif]-->