Bleu canard, vert, orange et marron aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 135° : #0e8590, #29aeb9, #a09d26, #bc5743, #7b3c2c. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #0e8590
• #108893
• #148c98
• #19919e
• #1e97a4
• #239dab
• #26a3b1
• #28a9b6
• #29aeb9
• #28b3b8
• #28b7b4
• #2cb9aa
• #3bb999
• #52b783
• #6db267
• #88a948
• #a09d26
• #b39000
• #c08200
• #c87516
• #ca6b2c
• #c96339
• #c45d40
• #bc5743
• #b35243
• #aa4e40
• #a04a3d
• #974638
• #8e4334
• #864030
• #803e2e
• #7b3c2c

CSS

background: linear-gradient(135deg in oklch, oklch(56.30% 0.0937 206.02) 0.0%, oklch(57.23% 0.0949 205.66) 3.2%, oklch(58.56% 0.0963 205.91) 6.5%, oklch(60.17% 0.0980 206.46) 9.7%, oklch(61.96% 0.0999 207.00) 12.9%, oklch(63.84% 0.1020 207.22) 16.1%, oklch(65.68% 0.1042 206.81) 19.4%, oklch(67.40% 0.1065 205.46) 22.6%, oklch(68.89% 0.1088 202.85) 25.8%, oklch(70.04% 0.1112 198.69) 29.0%, oklch(70.75% 0.1136 192.65) 32.3%, oklch(70.97% 0.1161 184.16) 35.5%, oklch(70.85% 0.1193 172.53) 38.7%, oklch(70.44% 0.1229 158.39) 41.9%, oklch(69.78% 0.1268 142.48) 45.2%, oklch(68.91% 0.1307 125.51) 48.4%, oklch(67.86% 0.1343 108.20) 51.6%, oklch(66.68% 0.1363 91.28) 54.8%, oklch(65.40% 0.1377 75.48) 58.1%, oklch(64.07% 0.1418 61.54) 61.3%, oklch(62.71% 0.1423 50.15) 64.5%, oklch(61.35% 0.1415 41.96) 67.7%, oklch(59.75% 0.1389 36.36) 71.0%, oklch(57.91% 0.1350 32.77) 74.2%, oklch(55.89% 0.1299 30.84) 77.4%, oklch(53.77% 0.1240 30.22) 80.6%, oklch(51.64% 0.1178 30.57) 83.9%, oklch(49.56% 0.1115 31.55) 87.1%, oklch(47.61% 0.1054 32.81) 90.3%, oklch(45.87% 0.1000 34.00) 93.5%, oklch(44.41% 0.0955 34.79) 96.8%, oklch(43.31% 0.0923 34.82) 100.0%);

Dans ces collections

Darecations

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