Aller au contenu

Palettes Grabient

Bleu, cyan et vert (analogues) aux tons vifs en dégradé linéaire

Bleu, cyan et vert (analogues) aux tons vifs, palette de couleurs

Dégradé linéaire, 32 couleurs à 90° : #02aded, #1bcaee, #30f5da, #45ffbf, #2df999. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

  • #02aded
  • #03afed
  • #08b2ed
  • #10b5ed
  • #16b8ee
  • #1bbcee
  • #1dc1ee
  • #1ec5ee
  • #1bcaee
  • #15cfed
  • #0ed5ec
  • #09dceb
  • #0de2e8
  • #16e8e5
  • #21ede2
  • #2af2de
  • #30f5da
  • #33f8d7
  • #35fad3
  • #34fccf
  • #33fecb
  • #34ffc7
  • #3fffc3
  • #45ffbf
  • #47ffba
  • #40ffb5
  • #33ffae
  • #32fda9
  • #30fca4
  • #2efba0
  • #2df99c
  • #2df999

CSS

background: linear-gradient(90deg in oklch, oklch(70.47% 0.1474 234.14) 0.0%, oklch(70.99% 0.1463 233.02) 3.2%, oklch(71.65% 0.1445 231.67) 6.5%, oklch(72.43% 0.1423 230.08) 9.7%, oklch(73.32% 0.1401 228.21) 12.9%, oklch(74.29% 0.1380 226.04) 16.1%, oklch(75.31% 0.1363 223.54) 19.4%, oklch(76.37% 0.1353 220.68) 22.6%, oklch(77.44% 0.1351 217.42) 25.8%, oklch(78.66% 0.1356 213.44) 29.0%, oklch(80.02% 0.1366 208.79) 32.3%, oklch(81.45% 0.1381 203.72) 35.5%, oklch(82.89% 0.1399 198.49) 38.7%, oklch(84.28% 0.1421 193.33) 41.9%, oklch(85.53% 0.1446 188.49) 45.2%, oklch(86.58% 0.1474 184.21) 48.4%, oklch(87.38% 0.1504 180.68) 51.6%, oklch(88.01% 0.1540 177.61) 54.8%, oklch(88.50% 0.1581 174.90) 58.1%, oklch(88.87% 0.1625 172.49) 61.3%, oklch(89.12% 0.1671 170.34) 64.5%, oklch(89.28% 0.1707 168.38) 67.7%, oklch(89.36% 0.1705 166.56) 71.0%, oklch(89.37% 0.1716 164.82) 74.2%, oklch(89.29% 0.1747 163.17) 77.4%, oklch(89.04% 0.1813 161.68) 80.6%, oklch(88.66% 0.1895 160.35) 83.9%, oklch(88.20% 0.1925 159.18) 87.1%, oklch(87.72% 0.1952 158.16) 90.3%, oklch(87.26% 0.1976 157.29) 93.5%, oklch(86.87% 0.1996 156.55) 96.8%, oklch(86.61% 0.2012 155.94) 100.0%);

Dans ces collections

Dégradés éclatantsDégradés d’étéDégradés néon

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