Farbverlauf Winter Pollen

Ein CSS-Farbverlauf (linear) aus 2 Farben, von #53492F bis #A4AB87, in OKLCH interpoliert, damit die Mitte lebendig bleibt.

ErdigMonochromGrün

Stopps

HEXRGBOKLCHPosition
#53492F rgb(83, 73, 47) oklch(40.8% 0.042 89.3) 0%
#A4AB87 rgb(164, 171, 135) oklch(72.6% 0.051 116.6) 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(90deg, #53492F, #A4AB87);
background: linear-gradient(90deg in oklch, #53492F, #A4AB87);

Tailwind CSS v4

bg-linear-90/oklch from-[#53492F] to-[#A4AB87]

Mach sie zu deiner

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