Na początek moja strona: http://twojaeuropa.pl/new/public/
Grafiki są rotowane za pomocą jquery cycle, tło w grafice będzie miało gradient, taki jak w tej grafice -> http://twojaeuropa.pl/new/public/images/tlo_aa.png ta druga jest tylko testowo.

Chcę zrobić:
- ustawić tło po prawej stronie rotującej grafiki (tam gdzie teraz jest wrzucone niebieskie tlo na sztywno) plik z gradientem
- po lewej natomiast plik z innym gradientem
Nie wiem czy takie cuda się da zrobić, ale może być w CSS3 lub HTML5

Teraz w css element body ma ustawione:

[CSS] pobierz, plaintext 
body {
  background: url("../images/menu_right.jpg") repeat-x right 99px;
}
[CSS] pobierz, plaintext 

Nie do końca wiem co chcesz osiągnąć. Ale jest kilka sposobów. Zwyczajne ustawienie dwóch obrazków jako tło (tyle że wtedy muszą mieć odpowiednią szerokość - nie mogą być repeat-x). Możesz też dać dwa divy w tle, jeden float left, drugi right, z odpowiednim tłem obrazkowym.

Wszystko można zrobić bez grafiki gradientów. Za pomocą samego CSS. google: http://lmgtfy.com/?q=css+gradient+online

Teraz uaktualniłem swoją stronę i po prawej stronie przy pierwszym zdjęciu jest ładne przejście, chodzi mi o to aby to przejście było zarówno z lewej jak i z prawej strony - dlatego muszę użyć dwóch różnych grafik, bo grafika w środku ma inne nasycenie barw i gradient.

Niestety narzędzie do tworzenia gradientów tu nie wystarczy.