Gris et blanc cassé aux tons chauds en aplats linéaires

Aplats linéaires, 32 couleurs à 45° : #755f53, #a69181, #dbcbb8, #f1e5d3, #fdf5e6. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

• #755f53
• #796357
• #7d675b
• #836d60
• #897366
• #8f7a6c
• #978173
• #9e897a
• #a69181
• #ae9a89
• #b5a291
• #bdaa98
• #c4b2a0
• #cbb9a7
• #d1c0ad
• #d6c6b3
• #dbcbb8
• #dfd0bd
• #e3d4c1
• #e6d8c5
• #e9dcc9
• #ecdfcd
• #efe2d0
• #f1e5d3
• #f3e8d6
• #f5ead9
• #f6ecdc
• #f8eede
• #f9f0e0
• #fbf2e2
• #fcf4e4
• #fdf5e6

CSS

background: linear-gradient(45deg, oklch(50.39% 0.0344 49.22) 0.000% 3.125%, oklch(51.66% 0.0344 50.04) 3.125% 6.250%, oklch(53.26% 0.0343 51.07) 6.250% 9.375%, oklch(55.13% 0.0342 52.28) 9.375% 12.500%, oklch(57.24% 0.0341 53.63) 12.500% 15.625%, oklch(59.55% 0.0340 55.11) 15.625% 18.750%, oklch(62.00% 0.0339 56.68) 18.750% 21.875%, oklch(64.55% 0.0338 58.32) 21.875% 25.000%, oklch(67.17% 0.0336 60.01) 25.000% 28.125%, oklch(69.80% 0.0335 61.72) 28.125% 31.250%, oklch(72.40% 0.0333 63.42) 31.250% 34.375%, oklch(74.94% 0.0331 65.08) 34.375% 37.500%, oklch(77.35% 0.0328 66.68) 37.500% 40.625%, oklch(79.61% 0.0326 68.19) 40.625% 43.750%, oklch(81.66% 0.0322 69.59) 43.750% 46.875%, oklch(83.46% 0.0319 70.84) 46.875% 50.000%, oklch(84.99% 0.0315 71.95) 50.000% 53.125%, oklch(86.39% 0.0310 73.00) 53.125% 56.250%, oklch(87.67% 0.0304 74.01) 56.250% 59.375%, oklch(88.85% 0.0298 74.98) 59.375% 62.500%, oklch(89.94% 0.0291 75.91) 62.500% 65.625%, oklch(90.93% 0.0284 76.79) 65.625% 68.750%, oklch(91.84% 0.0276 77.63) 68.750% 71.875%, oklch(92.67% 0.0269 78.42) 71.875% 75.000%, oklch(93.43% 0.0261 79.17) 75.000% 78.125%, oklch(94.12% 0.0254 79.87) 78.125% 81.250%, oklch(94.75% 0.0247 80.52) 81.250% 84.375%, oklch(95.33% 0.0240 81.12) 84.375% 87.500%, oklch(95.86% 0.0234 81.68) 87.500% 90.625%, oklch(96.35% 0.0229 82.18) 90.625% 93.750%, oklch(96.81% 0.0224 82.63) 93.750% 96.875%, oklch(97.24% 0.0220 83.03) 96.875% 100.000%);

Dans ces collections

CrèmeAplats marbre

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