Farbverlauf Noir Candyfloss

Ein CSS-Farbverlauf (linear) aus 3 Farben, von #92464A bis #001D35, in OKLCH interpoliert, damit die Mitte lebendig bleibt.

DunkelRot

Stopps

HEXRGBOKLCHPosition
#92464A rgb(146, 70, 74) oklch(49.1% 0.103 18.3) 0%
#402F4A rgb(64, 47, 74) oklch(33.6% 0.051 312.5) 50%
#001D35 rgb(0, 29, 53) oklch(22.4% 0.059 246.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, #92464A, #402F4A, #001D35);
background: linear-gradient(225deg in oklch, #92464A, #402F4A, #001D35);

Tailwind CSS v4

bg-linear-225/oklch from-[#92464A] via-[#402F4A] to-[#001D35]

Mach sie zu deiner

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