Css Gradientenübergänge - kompliziert mit transparent

[emi (Gast)]

Wie kriege ich einen Sauberen Übergang von der einen zur anderen Farbe?

Die Hellblaube Farbe hat einen Gradienten und ist nicht konstant. Das 
bedeutet ich muss den Übergang in vertikaler richtung auch mit einem 
zusätzlichem Gradienten versehen. Geht das überhaupt? Also zwei 
Gradienten in 2 Richtungen für ein element zu definieren?
Weil hier:
http://www.colorzilla.com/gradient-editor/

gehts zB nicht (siehe Bild)

[emi (Gast)]

Im Falle das die Frage nicht verstanden wurde: Im Bild seht ihr was ich 
meine. Wie kriege ich aber den Gradienten dazu mit fortschreitender Höhe 
transparenter zu machen ohne den rechten teil zu beeinflussen?

Kann das überhaupt gehen?

[emi (Gast)]

Bild vergessen einzufügen..

[Daniel A. (daniel-a)]

Zeichne den Gradienten in incscape, speichere es als svg und verwende es 
als background-image. Vectorgrafiken lassen sich beliebig scalieren.

Mit css geht soetwas nicht

[emi (Gast)]

Danke für den Tipp! Habe es gerade mit Inscape versucht (Ergebnisse 
siehe bilder) . Schaffe es aber irgendwie nicht 2 Richtungen 
zusammenzukriegen. Auch im Internet ist dieser VOrgang nirgends 
beschrieben.

Also mein Ziel ist es eben diesen extra Transperent Effekt im linken 
Viereck auch irgendwie ins mittlere zu kriegen aber nicht durchgängig, 
damit eben das Blau noch konstant bleibt.

Ich denke aber, dass dies einfach nicht zu schaffen ist.