Caramelo, cinza e azul (complementares): gradiente linear
Gradiente linear, 32 cores a 135°: #deb79c, #a77f6a, #695861, #56607d, #768fb5. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #deb79c
- #dab298
- #d5ac91
- #cea48a
- #c79c82
- #c0947b
- #b88d74
- #b0866f
- #a77f6a
- #9d7965
- #937361
- #8b6c5e
- #83675c
- #7d625c
- #775e5e
- #705a60
- #695861
- #635762
- #5e5663
- #5b5665
- #595769
- #58596f
- #575c76
- #56607d
- #556484
- #56698b
- #586f92
- #5e769a
- #647ea2
- #6c85a9
- #728bb0
- #768fb5
CSS
background: linear-gradient(135deg in oklch, oklch(80.71% 0.0579 56.25) 0.0%, oklch(79.32% 0.0588 55.64) 3.2%, oklch(77.41% 0.0603 54.86) 6.5%, oklch(75.14% 0.0620 53.91) 9.7%, oklch(72.67% 0.0634 52.81) 12.9%, oklch(70.17% 0.0641 51.57) 16.1%, oklch(67.77% 0.0637 50.20) 19.4%, oklch(65.48% 0.0616 49.27) 22.6%, oklch(63.04% 0.0581 49.39) 25.8%, oklch(60.56% 0.0537 49.63) 29.0%, oklch(58.13% 0.0489 49.02) 32.3%, oklch(55.86% 0.0441 46.59) 35.5%, oklch(53.85% 0.0400 41.37) 38.7%, oklch(52.16% 0.0365 32.22) 41.9%, oklch(50.60% 0.0328 18.59) 45.2%, oklch(49.21% 0.0290 2.03) 48.4%, oklch(48.05% 0.0258 344.22) 51.6%, oklch(47.16% 0.0236 326.86) 54.8%, oklch(46.61% 0.0229 311.64) 58.1%, oklch(46.44% 0.0243 299.97) 61.3%, oklch(46.66% 0.0284 290.43) 64.5%, oklch(47.22% 0.0345 282.36) 67.7%, oklch(48.07% 0.0415 275.57) 71.0%, oklch(49.16% 0.0485 269.91) 74.2%, oklch(50.44% 0.0545 265.18) 77.4%, oklch(51.88% 0.0585 261.25) 80.6%, oklch(53.79% 0.0608 258.69) 83.9%, oklch(56.13% 0.0622 257.48) 87.1%, oklch(58.64% 0.0628 257.21) 90.3%, oklch(61.06% 0.0630 257.45) 93.5%, oklch(63.12% 0.0631 257.76) 96.8%, oklch(64.57% 0.0634 257.74) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
