Dégradé Noir Candyfloss

Un dégradé CSS linéaire de 3 couleurs, de #92464A à #001D35, interpolé en OKLCH pour que le milieu reste vif.

SombresRouges

Étapes

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

La première déclaration est un dégradé sRGB simple, pour tous les navigateurs. La seconde interpole en OKLCH, ce qui garde le milieu aussi vif que les extrémités.

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]

Faites-la vôtre

Modifiez les étapes, l’angle et le type dans le Créateur de dégradés, ou transformez les étapes en palette.