Illustrator Verlauf aus 2 Flächen geht das ?

Hallo liebe Adobe Community,

trotz längeren Googeln finde ich leider keine Lösung für mein Problem.

Ich erstelle Webseiten Mock-up´s mit Illustrator.

Ich habe nun folgendes Problem:

Ich habe ein schlichten Grafikstil erstellt mit dem man einfach und schnell Verläufe aus einer Grundfarbe bekommt. Funktionieren tut das über das Ineinander kopieren von 2 Flächen. Die obere Fläche erzeugt dann mein gewünschten Verlauf:

Ich finde diese Methode für das Designen sehr angenehm wäre jetzt nicht das Problem das ich nicht so einfach an diesen Verlauf komme.

Meine Frage:

Weiß jemand wie ich aus diesen zwei Flächen eine Verlaufsfläche bekomme ? oder wie ich am besten an die exakten farb und Verlaufsdaten komme damit ich es in CSS nutzen kann ?

Ich bedanke mich schon mal in Voraus für eure Kommentare

Lg aus Berlin