Farbverlauf Dusty Starfall

Ein CSS-Farbverlauf (linear) aus 2 Farben, von #41D8C8 bis #2E002D, in OKLCH interpoliert, damit die Mitte lebendig bleibt.

AuroraZweifarbigTürkisRosa

Stopps

HEXRGBOKLCHPosition
#41D8C8 rgb(65, 216, 200) oklch(80.1% 0.126 184.7) 0%
#2E002D rgb(46, 0, 45) oklch(21.1% 0.096 329.3) 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(270deg, #41D8C8, #2E002D);
background: linear-gradient(270deg in oklch, #41D8C8, #2E002D);

Tailwind CSS v4

bg-linear-270/oklch from-[#41D8C8] to-[#2E002D]

Mach sie zu deiner

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