Gris et bleu canard en aplats linéaires

Aplats linéaires, 32 couleurs à 90° : #efe7d2, #d2d4c0, #93aa9a, #598476, #3e7266. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #efe7d2
• #ede6d1
• #ebe4d0
• #e8e2ce
• #e5e0cc
• #e1deca
• #dddbc7
• #d8d7c4
• #d2d4c0
• #cccfbc
• #c5cbb7
• #bdc5b3
• #b4c0ae
• #acbaa9
• #a3b5a4
• #9baf9f
• #93aa9a
• #8aa495
• #829e8f
• #79988a
• #709384
• #688d7f
• #60887a
• #598476
• #548173
• #4f7d71
• #4b7b6e
• #47786c
• #45766a
• #427568
• #407367
• #3e7266

CSS

background: linear-gradient(90deg, oklch(92.91% 0.0289 89.30) 0.000% 3.125%, oklch(92.47% 0.0286 90.73) 3.125% 6.250%, oklch(91.93% 0.0282 92.45) 6.250% 9.375%, oklch(91.29% 0.0276 94.49) 9.375% 12.500%, oklch(90.55% 0.0271 96.88) 12.500% 15.625%, oklch(89.69% 0.0266 99.64) 15.625% 18.750%, oklch(88.69% 0.0262 102.80) 18.750% 21.875%, oklch(87.56% 0.0261 106.39) 21.875% 25.000%, oklch(86.28% 0.0263 110.45) 25.000% 28.125%, oklch(84.78% 0.0266 115.43) 28.125% 31.250%, oklch(83.10% 0.0271 121.24) 31.250% 34.375%, oklch(81.27% 0.0278 127.56) 34.375% 37.500%, oklch(79.34% 0.0286 134.08) 37.500% 40.625%, oklch(77.35% 0.0296 140.46) 40.625% 43.750%, oklch(75.35% 0.0308 146.40) 43.750% 46.875%, oklch(73.39% 0.0323 151.56) 46.875% 50.000%, oklch(71.48% 0.0340 155.73) 50.000% 53.125%, oklch(69.46% 0.0362 159.26) 53.125% 56.250%, oklch(67.37% 0.0388 162.29) 56.250% 59.375%, oklch(65.25% 0.0416 164.90) 59.375% 62.500%, oklch(63.18% 0.0445 167.14) 62.500% 65.625%, oklch(61.21% 0.0473 169.10) 65.625% 68.750%, oklch(59.41% 0.0498 170.83) 68.750% 71.875%, oklch(57.83% 0.0519 172.40) 71.875% 75.000%, oklch(56.50% 0.0535 173.79) 75.000% 78.125%, oklch(55.35% 0.0549 174.82) 78.125% 81.250%, oklch(54.35% 0.0560 175.54) 81.250% 84.375%, oklch(53.49% 0.0569 176.03) 84.375% 87.500%, oklch(52.76% 0.0577 176.36) 87.500% 90.625%, oklch(52.15% 0.0583 176.58) 90.625% 93.750%, oklch(51.62% 0.0588 176.78) 93.750% 96.875%, oklch(51.18% 0.0593 177.01) 96.875% 100.000%);

Dans ces collections

Thé de chrysanthème et porcelaine

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