Ach verdammt... Jetzt habe ich nur noch bunte Kreise im Kopf.
Hier noch schnell 2 Lösungsansätze, damit ich endlich konzentriert weiterarbeiten kann
1. Schau mal in den Screenshot.
Du könntest den Gradient relativ leicht mit einem Rotation Transform ein paar Grad nach links drehen und rechts eine rechteckige Fläche in den GraphicsContext malen.
Dann hast Du Deine farblich getrennte Start/Endposition.
2.
male die den Verlauf einfach in Photoshop und hänge ein PNG als Background Image rein, anstatt des Gradients. Den Cycle machst Du in diesem Fall einfach transparent.