Wenn Du mit "Farbübergängen" mehrstufige Farbverläufe meinst, die brauchen kaum Speicherplatz, wenn Du sie nur 1 Pixel breit machst... Die seitliche Wiederholung kann der Browser automatisch erledigen, bei Hintergründen ist das Standard.
Erstelle eine Datei mit folgenden Maßen: 1 x 1280, fülle sie mit einem Verlauf und speichere als PNG. Du wirst feststellen, dass die Datei nur wenige KB groß ist, ich vermute mal weniger als 10KB. Ist das etwa viel?
Außerdem kann man Farbübergänge nicht allein mit HTML und CSS erzeugen, jedenfalls nicht automatisch. Dazu brauchst Du noch Javascript. Es geht auch ohne Javascript aber dann mußt Du die Farbtabellen von Hand in z.B. div-Blöcke eintragen:
<div class="line" style="background-color:#ffffff"></div>
<div class="line" style="background-color:#fefefe"></div>
<div class="line" style="background-color:#fdfdfd"></div>
<div class="line" style="background-color:#fcfcfc"></div>
etc.
MfG
Danny