Gradientz é um plugin do jQuery para gerar background gradiente sem usar imagens. É um plugin bem leve (com 2.2k não comprimido).

Você especifica as cores inicial e final com valores do CSS background-color (hexadecimal ou nominal, exemplo: #08f ou red). Você também pode especificar as opções “distance” que será a largura/altura do efeito, “angle” especifica o grau de inclinição, padrão é “0″ (vertical) e a opção “css” determina o CSS adicional, o padrão é “top: 0px; left: 0px”.

1
2
3
4
5
6
7

$(selector).gradientz({
   start: "red",     // cor inicial
   end: "blue",      // cor final
   distance: 100,    // distancia entre o ponto final e inicial
   angle: 72,        // angulo de inclinação, 0 = vertical, 90 = horizontal
   css: "right: 0px" // css adicional, o padrão é "top: 0px; left: 0px"
});

Links:
Link do exemplo
jquery-1.4.js
gradientz.js
Exemplo comprimido