Aller au contenu

Palettes Grabient

Bleu marine, lavande, rose et violet aux tons vifs en dégradé linéaire

Bleu marine, lavande, rose et violet aux tons vifs, palette de couleurs

Dégradé linéaire, 32 couleurs à 270° : #13194c, #4648bb, #c897ea, #e14494, #53173c. Modifiez et exportez en CSS, SVG, PNG ou shader.

7 points clés OKLCH modifiables.

  • #13194c
  • #151c55
  • #192164
  • #1e2774
  • #232e86
  • #2a3595
  • #323ba3
  • #3b41af
  • #4648bb
  • #524fc6
  • #6057d0
  • #7061d8
  • #8470df
  • #987fe4
  • #ac8de8
  • #bb96ea
  • #c897ea
  • #d291e7
  • #dc85df
  • #e476d1
  • #e966c0
  • #ea59b0
  • #e74ea2
  • #e14494
  • #d83a88
  • #cd317c
  • #be2971
  • #a92366
  • #8f205b
  • #761c4f
  • #611944
  • #53173c

CSS

background: linear-gradient(270deg in oklch, oklch(24.41% 0.0937 272.11) 0.0%, oklch(26.30% 0.1028 271.95) 3.2%, oklch(28.95% 0.1161 271.62) 6.5%, oklch(32.07% 0.1311 271.36) 9.7%, oklch(35.35% 0.1455 271.39) 12.9%, oklch(38.49% 0.1570 271.95) 16.1%, oklch(41.35% 0.1651 273.06) 19.4%, oklch(44.16% 0.1721 274.52) 22.6%, oklch(47.00% 0.1774 276.38) 25.8%, oklch(49.99% 0.1803 278.71) 29.0%, oklch(53.19% 0.1800 281.59) 32.3%, oklch(56.92% 0.1748 285.04) 35.5%, oklch(61.50% 0.1624 289.02) 38.7%, oklch(66.31% 0.1470 293.51) 41.9%, oklch(70.66% 0.1329 298.51) 45.2%, oklch(73.86% 0.1246 304.03) 48.4%, oklch(75.28% 0.1263 310.23) 51.6%, oklch(75.16% 0.1381 317.81) 54.8%, oklch(73.93% 0.1557 326.10) 58.1%, oklch(72.03% 0.1746 334.22) 61.3%, oklch(69.88% 0.1904 341.31) 64.5%, oklch(67.84% 0.1992 346.56) 67.7%, oklch(65.71% 0.2040 350.45) 71.0%, oklch(63.32% 0.2061 353.31) 74.2%, oklch(60.62% 0.2052 355.24) 77.4%, oklch(57.56% 0.2008 356.32) 80.6%, oklch(54.11% 0.1926 356.64) 83.9%, oklch(49.66% 0.1772 355.56) 87.1%, oklch(44.47% 0.1561 353.25) 90.3%, oklch(39.23% 0.1333 350.42) 93.5%, oklch(34.67% 0.1130 347.80) 96.8%, oklch(31.50% 0.0992 346.08) 100.0%);

Dans ces collections

Dégradés rétroDégradés de texteDégradés néonDégradés synthwave

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche