Bleu canard, bleu, pêche et fauve aux tons vifs en dégradé linéaire

Dégradé linéaire, 40 couleurs à 45° : #008989, #1b92eb, #e07567, #feeabf, #d8b872. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #008989
• #008a8d
• #008c92
• #008e98
• #00909f
• #0092a6
• #0094af
• #0095ba
• #0096c7
• #0095d7
• #1b92eb
• #4c8bf1
• #6e83f2
• #8b7aeb
• #a371dd
• #b769c9
• #c764b1
• #d26399
• #d96683
• #dd6c72
• #e07567
• #e48263
• #e79166
• #eba16f
• #efb17d
• #f3c18c
• #f7cf9d
• #fbdbab
• #fde4b7
• #feeabf
• #feecc1
• #fbebbf
• #f7e7b9
• #f2e1af
• #edd9a4
• #e8d198
• #e2c98c
• #dec281
• #dabc78
• #d8b872

CSS

background: linear-gradient(45deg in oklch, oklch(57.09% 0.0975 194.77) 0.0%, oklch(57.54% 0.0979 197.46) 2.6%, oklch(58.15% 0.0989 200.42) 5.1%, oklch(58.88% 0.1004 203.76) 7.7%, oklch(59.69% 0.1025 207.61) 10.3%, oklch(60.54% 0.1055 212.08) 12.8%, oklch(61.41% 0.1099 217.29) 15.4%, oklch(62.26% 0.1163 223.37) 17.9%, oklch(63.05% 0.1262 230.43) 20.5%, oklch(63.74% 0.1426 238.59) 23.1%, oklch(64.29% 0.1645 248.00) 25.6%, oklch(64.60% 0.1656 259.51) 28.2%, oklch(64.68% 0.1656 273.01) 30.8%, oklch(64.63% 0.1645 287.96) 33.3%, oklch(64.53% 0.1624 303.83) 35.9%, oklch(64.49% 0.1595 320.09) 38.5%, oklch(64.58% 0.1559 336.22) 41.0%, oklch(64.91% 0.1517 351.68) 43.6%, oklch(65.56% 0.1469 5.94) 46.2%, oklch(66.61% 0.1418 18.47) 48.7%, oklch(68.21% 0.1362 28.96) 51.3%, oklch(70.60% 0.1287 38.33) 53.8%, oklch(73.62% 0.1197 46.83) 56.4%, oklch(77.04% 0.1097 54.49) 59.0%, oklch(80.67% 0.0993 61.37) 61.5%, oklch(84.28% 0.0889 67.50) 64.1%, oklch(87.66% 0.0793 72.93) 66.7%, oklch(90.60% 0.0708 77.70) 69.2%, oklch(92.89% 0.0642 81.86) 71.8%, oklch(94.30% 0.0599 85.46) 74.4%, oklch(94.68% 0.0584 88.32) 76.9%, oklch(94.15% 0.0593 90.04) 79.5%, oklch(92.90% 0.0623 90.80) 82.1%, oklch(91.12% 0.0667 90.81) 84.6%, oklch(88.99% 0.0721 90.27) 87.2%, oklch(86.69% 0.0780 89.37) 89.7%, oklch(84.41% 0.0839 88.32) 92.3%, oklch(82.33% 0.0893 87.32) 94.9%, oklch(80.64% 0.0936 86.57) 97.4%, oklch(79.53% 0.0965 86.27) 100.0%);

Dans ces collections

Dégradés plage

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