Bleu clair et vert foncé (analogues) en aplats linéaires

Aplats linéaires, 32 couleurs à 135° : #d8f2e3, #83d1a4, #25aa6b, #01814f, #064937. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #d8f2e3
• #d1efde
• #c9ebd8
• #bee7d0
• #b3e3c7
• #a7debe
• #9bd9b6
• #90d5ad
• #83d1a4
• #75cd9b
• #68c991
• #5ac488
• #4dbf80
• #42ba79
• #37b573
• #2eb06f
• #25aa6b
• #1ca567
• #139f64
• #089960
• #01935c
• #008d57
• #008753
• #01814f
• #017a4c
• #007449
• #006c46
• #006443
• #005c3f
• #01543c
• #044e39
• #064937

CSS

background: linear-gradient(135deg, oklch(93.70% 0.0331 161.02) 0.000% 3.125%, oklch(92.60% 0.0382 160.81) 3.125% 6.250%, oklch(91.09% 0.0451 160.53) 6.250% 9.375%, oklch(89.29% 0.0533 160.19) 9.375% 12.500%, oklch(87.33% 0.0623 159.82) 12.500% 15.625%, oklch(85.34% 0.0717 159.41) 15.625% 18.750%, oklch(83.43% 0.0809 158.99) 18.750% 21.875%, oklch(81.63% 0.0903 158.51) 21.875% 25.000%, oklch(79.79% 0.1010 157.90) 25.000% 28.125%, oklch(77.92% 0.1122 157.25) 28.125% 31.250%, oklch(76.05% 0.1230 156.62) 31.250% 34.375%, oklch(74.19% 0.1325 156.11) 34.375% 37.500%, oklch(72.37% 0.1398 155.79) 37.500% 40.625%, oklch(70.60% 0.1443 155.73) 40.625% 43.750%, oklch(68.87% 0.1465 155.93) 43.750% 46.875%, oklch(67.18% 0.1469 156.30) 46.875% 50.000%, oklch(65.50% 0.1460 156.76) 50.000% 53.125%, oklch(63.80% 0.1442 157.24) 53.125% 56.250%, oklch(62.08% 0.1419 157.66) 56.250% 59.375%, oklch(60.31% 0.1396 157.93) 59.375% 62.500%, oklch(58.54% 0.1367 157.99) 62.500% 65.625%, oklch(56.75% 0.1329 157.93) 65.625% 68.750%, oklch(54.94% 0.1288 157.90) 68.750% 71.875%, oklch(53.09% 0.1240 158.01) 71.875% 75.000%, oklch(51.18% 0.1188 158.36) 75.000% 78.125%, oklch(49.20% 0.1130 159.07) 78.125% 81.250%, oklch(46.94% 0.1056 160.33) 81.250% 84.375%, oklch(44.46% 0.0975 162.02) 84.375% 87.500%, oklch(41.96% 0.0896 163.89) 87.500% 90.625%, oklch(39.62% 0.0819 165.75) 90.625% 93.750%, oklch(37.64% 0.0751 167.33) 93.750% 96.875%, oklch(36.22% 0.0703 168.41) 96.875% 100.000%);

Dans ces collections

Palette de couleurs émeraude

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