Aller au contenu

Palettes Grabient

Vert, bleu canard et bleu (analogues) aux tons pastel en dégradé linéaire

Vert, bleu canard et bleu (analogues) aux tons pastel, palette de couleurs

Dégradé linéaire, 32 couleurs à 270° : #affca7, #79f1b9, #37decd, #06cbd5, #10b8d5. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

  • #affca7
  • #abfca8
  • #a6fbaa
  • #a0faac
  • #9af8ae
  • #92f7b1
  • #8af5b3
  • #82f3b6
  • #79f1b9
  • #71efbc
  • #68edbf
  • #5febc2
  • #56e8c5
  • #4ee6c7
  • #45e3c9
  • #3ee1cb
  • #37decd
  • #30dccf
  • #29d9d0
  • #21d6d1
  • #1ad3d2
  • #13d0d3
  • #0cced4
  • #06cbd5
  • #03c8d5
  • #01c5d5
  • #02c2d5
  • #04c0d6
  • #06bdd6
  • #0abbd6
  • #0db9d5
  • #10b8d5

CSS

background: linear-gradient(270deg in oklch, oklch(92.13% 0.1364 142.03) 0.0%, oklch(91.75% 0.1363 143.55) 3.2%, oklch(91.30% 0.1362 145.40) 6.5%, oklch(90.78% 0.1361 147.56) 9.7%, oklch(90.20% 0.1360 149.97) 12.9%, oklch(89.57% 0.1359 152.61) 16.1%, oklch(88.89% 0.1358 155.43) 19.4%, oklch(88.18% 0.1357 158.38) 22.6%, oklch(87.44% 0.1355 161.43) 25.8%, oklch(86.68% 0.1353 164.53) 29.0%, oklch(85.91% 0.1352 167.65) 32.3%, oklch(85.14% 0.1349 170.74) 35.5%, oklch(84.38% 0.1347 173.77) 38.7%, oklch(83.63% 0.1344 176.69) 41.9%, oklch(82.91% 0.1342 179.46) 45.2%, oklch(82.22% 0.1338 182.04) 48.4%, oklch(81.56% 0.1335 184.43) 51.6%, oklch(80.88% 0.1330 186.82) 54.8%, oklch(80.17% 0.1326 189.24) 58.1%, oklch(79.45% 0.1320 191.67) 61.3%, oklch(78.71% 0.1314 194.09) 64.5%, oklch(77.97% 0.1308 196.48) 67.7%, oklch(77.23% 0.1302 198.83) 71.0%, oklch(76.51% 0.1295 201.11) 74.2%, oklch(75.80% 0.1289 203.31) 77.4%, oklch(75.12% 0.1282 205.42) 80.6%, oklch(74.48% 0.1276 207.40) 83.9%, oklch(73.88% 0.1271 209.25) 87.1%, oklch(73.33% 0.1266 210.95) 90.3%, oklch(72.83% 0.1261 212.48) 93.5%, oklch(72.40% 0.1257 213.82) 96.8%, oklch(72.05% 0.1254 214.95) 100.0%);

Dans ces collections

Dégradés de printempsDégradés multicolores clairs

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