Aller au contenu

Palettes Grabient

Bleu clair, bleu canard, jaune et vert foncé en dégradé linéaire

Bleu clair, bleu canard, jaune et vert foncé, palette de couleurs

Dégradé linéaire, 80 couleurs à 120° : #b9dded, #649dc7, #f7d935, #6e8d37, #253e3b. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

  • #b9dded
  • #b7dcec
  • #b3d9eb
  • #b0d6e8
  • #acd2e6
  • #a8cee4
  • #a3c9e1
  • #9fc5de
  • #9ac0db
  • #96bbd8
  • #91b6d5
  • #8db2d2
  • #88adcf
  • #84a9cd
  • #7fa5cb
  • #7ba2c9
  • #779fc8
  • #739dc7
  • #6e9cc6
  • #699cc6
  • #649dc7
  • #5e9fc8
  • #57a3c9
  • #4fa8ca
  • #45aeca
  • #3ab4c9
  • #30bbc6
  • #2bc2c2
  • #2ecabb
  • #3cd0b2
  • #50d6a8
  • #66db9c
  • #7ddf8f
  • #94e181
  • #a9e373
  • #bde365
  • #cfe258
  • #dee14d
  • #e9df43
  • #f2dc3b
  • #f7d935
  • #f9d630
  • #f9d32c
  • #f7cf28
  • #f4cb25
  • #eec822
  • #e8c41f
  • #e0c01d
  • #d8bc1d
  • #ceb81d
  • #c5b41f
  • #baaf21
  • #b0ab24
  • #a5a727
  • #9ba22a
  • #919e2d
  • #879a30
  • #7e9533
  • #769135
  • #6e8d37
  • #678a39
  • #60863b
  • #59823d
  • #527e3f
  • #4b7941
  • #447543
  • #3e7044
  • #396c45
  • #346746
  • #306346
  • #2c5e46
  • #2a5a46
  • #285545
  • #275144
  • #264d42
  • #264941
  • #25463f
  • #25433e
  • #25403c
  • #253e3b

CSS

background: linear-gradient(120deg in oklch, oklch(87.80% 0.0441 226.41) 0.0%, oklch(87.18% 0.0452 227.04) 1.3%, oklch(86.37% 0.0464 228.09) 2.5%, oklch(85.40% 0.0477 229.50) 3.8%, oklch(84.28% 0.0491 231.19) 5.1%, oklch(83.06% 0.0506 233.09) 6.3%, oklch(81.74% 0.0522 235.15) 7.6%, oklch(80.36% 0.0540 237.28) 8.9%, oklch(78.93% 0.0558 239.43) 10.1%, oklch(77.49% 0.0577 241.52) 11.4%, oklch(76.05% 0.0598 243.49) 12.7%, oklch(74.64% 0.0619 245.26) 13.9%, oklch(73.29% 0.0642 246.78) 15.2%, oklch(72.02% 0.0666 247.97) 16.5%, oklch(70.85% 0.0690 248.76) 17.7%, oklch(69.80% 0.0716 249.09) 19.0%, oklch(68.91% 0.0743 248.89) 20.3%, oklch(68.19% 0.0771 248.09) 21.5%, oklch(67.67% 0.0801 246.63) 22.8%, oklch(67.38% 0.0831 244.43) 24.1%, oklch(67.34% 0.0862 241.42) 25.3%, oklch(67.60% 0.0898 237.31) 26.6%, oklch(68.17% 0.0939 232.12) 27.8%, oklch(68.99% 0.0983 225.96) 29.1%, oklch(70.04% 0.1031 218.97) 30.4%, oklch(71.28% 0.1082 211.28) 31.6%, oklch(72.68% 0.1135 203.01) 32.9%, oklch(74.19% 0.1189 194.29) 34.2%, oklch(75.79% 0.1244 185.25) 35.4%, oklch(77.43% 0.1298 176.01) 36.7%, oklch(79.09% 0.1352 166.71) 38.0%, oklch(80.72% 0.1405 157.48) 39.2%, oklch(82.30% 0.1455 148.43) 40.5%, oklch(83.77% 0.1503 139.71) 41.8%, oklch(85.12% 0.1547 131.43) 43.0%, oklch(86.30% 0.1587 123.72) 44.3%, oklch(87.28% 0.1621 116.72) 45.6%, oklch(88.01% 0.1651 110.55) 46.8%, oklch(88.48% 0.1674 105.34) 48.1%, oklch(88.63% 0.1690 101.21) 49.4%, oklch(88.46% 0.1698 98.24) 50.6%, oklch(88.01% 0.1701 96.08) 51.9%, oklch(87.34% 0.1698 94.64) 53.2%, oklch(86.45% 0.1690 93.86) 54.4%, oklch(85.37% 0.1678 93.69) 55.7%, oklch(84.12% 0.1661 94.06) 57.0%, oklch(82.71% 0.1640 94.92) 58.2%, oklch(81.18% 0.1616 96.23) 59.5%, oklch(79.54% 0.1589 97.92) 60.8%, oklch(77.81% 0.1559 99.95) 62.0%, oklch(76.01% 0.1526 102.25) 63.3%, oklch(74.16% 0.1492 104.78) 64.6%, oklch(72.29% 0.1456 107.48) 65.8%, oklch(70.42% 0.1419 110.29) 67.1%, oklch(68.55% 0.1381 113.16) 68.4%, oklch(66.73% 0.1343 116.04) 69.6%, oklch(64.96% 0.1305 118.87) 70.9%, oklch(63.26% 0.1267 121.59) 72.2%, oklch(61.67% 0.1230 124.16) 73.4%, oklch(60.19% 0.1194 126.52) 74.7%, oklch(58.80% 0.1158 128.78) 75.9%, oklch(57.37% 0.1118 131.30) 77.2%, oklch(55.90% 0.1075 134.07) 78.5%, oklch(54.41% 0.1030 137.05) 79.7%, oklch(52.91% 0.0982 140.20) 81.0%, oklch(51.39% 0.0932 143.50) 82.3%, oklch(49.88% 0.0881 146.90) 83.5%, oklch(48.38% 0.0830 150.38) 84.8%, oklch(46.89% 0.0778 153.89) 86.1%, oklch(45.43% 0.0726 157.41) 87.3%, oklch(44.01% 0.0674 160.90) 88.6%, oklch(42.63% 0.0624 164.32) 89.9%, oklch(41.30% 0.0575 167.64) 91.1%, oklch(40.04% 0.0528 170.83) 92.4%, oklch(38.85% 0.0484 173.85) 93.7%, oklch(37.74% 0.0443 176.66) 94.9%, oklch(36.71% 0.0405 179.24) 96.2%, oklch(35.78% 0.0371 181.54) 97.5%, oklch(34.96% 0.0342 183.54) 98.7%, oklch(34.25% 0.0317 185.19) 100.0%);

Dans ces collections

Pollen doréVéranda aux fleurs de citronnier

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