Marrom para cinza (monocromático): gradiente linear
Gradiente linear, 32 cores a 135°: #3e2723, #583931, #7b574a, #9d8076, #bcaaa4. Edite e exporte CSS, SVG, PNG ou um shader.
3 quadros-chave OKLCH editáveis.
- #3e2723
- #402824
- #422a26
- #452c27
- #492e29
- #4c312b
- #50332d
- #54362f
- #583931
- #5c3c33
- #614036
- #654339
- #6a473c
- #6e4b3f
- #734f42
- #775346
- #7b574a
- #805c4f
- #846154
- #89675a
- #8e6d61
- #937368
- #987a6f
- #9d8076
- #a2877d
- #a78d84
- #ab938a
- #af9991
- #b39e97
- #b7a39c
- #baa7a0
- #bcaaa4
CSS
background: linear-gradient(135deg in oklch, oklch(30.00% 0.0358 30.20) 0.0%, oklch(30.65% 0.0365 30.61) 3.2%, oklch(31.42% 0.0375 31.13) 6.5%, oklch(32.29% 0.0387 31.75) 9.7%, oklch(33.25% 0.0401 32.46) 12.9%, oklch(34.30% 0.0416 33.23) 16.1%, oklch(35.42% 0.0432 34.05) 19.4%, oklch(36.62% 0.0448 34.89) 22.6%, oklch(37.88% 0.0464 35.75) 25.8%, oklch(39.19% 0.0480 36.60) 29.0%, oklch(40.55% 0.0494 37.42) 32.3%, oklch(41.94% 0.0506 38.20) 35.5%, oklch(43.36% 0.0516 38.92) 38.7%, oklch(44.81% 0.0523 39.56) 41.9%, oklch(46.26% 0.0527 40.10) 45.2%, oklch(47.72% 0.0527 40.53) 48.4%, oklch(49.20% 0.0523 40.83) 51.6%, oklch(50.83% 0.0514 41.02) 54.8%, oklch(52.58% 0.0500 41.13) 58.1%, oklch(54.45% 0.0483 41.16) 61.3%, oklch(56.40% 0.0464 41.13) 64.5%, oklch(58.41% 0.0442 41.04) 67.7%, oklch(60.44% 0.0418 40.90) 71.0%, oklch(62.46% 0.0393 40.72) 74.2%, oklch(64.46% 0.0367 40.53) 77.4%, oklch(66.39% 0.0342 40.31) 80.6%, oklch(68.24% 0.0317 40.10) 83.9%, oklch(69.97% 0.0294 39.89) 87.1%, oklch(71.55% 0.0273 39.70) 90.3%, oklch(72.97% 0.0254 39.54) 93.5%, oklch(74.18% 0.0238 39.42) 96.8%, oklch(75.17% 0.0227 39.35) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
