Farbverlauf Faded Flamingo

Ein CSS-Farbverlauf (linear) aus 3 Farben, von #7962E2 bis #7E0002, in OKLCH interpoliert, damit die Mitte lebendig bleibt.

RotViolett

Stopps

HEXRGBOKLCHPosition
#7962E2 rgb(121, 98, 226) oklch(58.4% 0.187 287.4) 0%
#A46E94 rgb(164, 110, 148) oklch(60.7% 0.086 338.2) 50%
#7E0002 rgb(126, 0, 2) oklch(37.3% 0.153 28.7) 100%

CSS

Die erste Deklaration ist ein einfacher sRGB-Farbverlauf für jeden Browser. Die zweite interpoliert in OKLCH, wodurch die Mitte so lebendig bleibt wie die Enden.

background: linear-gradient(225deg, #7962E2, #A46E94, #7E0002);
background: linear-gradient(225deg in oklch, #7962E2, #A46E94, #7E0002);

Tailwind CSS v4

bg-linear-225/oklch from-[#7962E2] via-[#A46E94] to-[#7E0002]

Mach sie zu deiner

Ändere Stopps, Winkel und Typ im Farbverlauf-Generator oder mach aus den Stopps eine Palette.