Verde-escuro para caramelo (duotone): gradiente linear
Gradiente linear, 32 cores a 135°: #17403e, #345c3d, #7b803e, #b99f51, #ebbd68. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #17403e
- #18423f
- #19453f
- #1b4840
- #1d4c40
- #215040
- #26543f
- #2d583e
- #345c3d
- #3c603c
- #43643b
- #4b683a
- #546d3a
- #5d713b
- #67763c
- #717b3d
- #7b803e
- #858440
- #8e8943
- #988e45
- #a19248
- #a9964b
- #b19b4e
- #b99f51
- #c1a455
- #c9a858
- #d0ad5b
- #d6b15f
- #ddb562
- #e2b864
- #e7bb67
- #ebbd68
CSS
background: linear-gradient(135deg in oklch, oklch(34.25% 0.0455 190.55) 0.0%, oklch(34.97% 0.0472 187.47) 3.2%, oklch(35.85% 0.0496 183.47) 6.5%, oklch(36.87% 0.0523 178.72) 9.7%, oklch(38.03% 0.0554 173.40) 12.9%, oklch(39.30% 0.0587 167.68) 16.1%, oklch(40.66% 0.0621 161.74) 19.4%, oklch(42.10% 0.0656 155.76) 22.6%, oklch(43.60% 0.0689 149.90) 25.8%, oklch(45.15% 0.0721 144.34) 29.0%, oklch(46.72% 0.0749 139.26) 32.3%, oklch(48.33% 0.0775 134.67) 35.5%, oklch(50.09% 0.0799 130.11) 38.7%, oklch(51.96% 0.0822 125.60) 41.9%, oklch(53.91% 0.0844 121.15) 45.2%, oklch(55.92% 0.0865 116.83) 48.4%, oklch(57.96% 0.0886 112.66) 51.6%, oklch(59.99% 0.0907 108.70) 54.8%, oklch(61.99% 0.0926 104.97) 58.1%, oklch(63.93% 0.0946 101.52) 61.3%, oklch(65.77% 0.0965 98.39) 64.5%, oklch(67.50% 0.0985 95.61) 67.7%, oklch(69.23% 0.1005 93.19) 71.0%, oklch(70.99% 0.1025 91.08) 74.2%, oklch(72.74% 0.1046 89.25) 77.4%, oklch(74.46% 0.1066 87.67) 80.6%, oklch(76.11% 0.1085 86.31) 83.9%, oklch(77.66% 0.1103 85.14) 87.1%, oklch(79.08% 0.1120 84.12) 90.3%, oklch(80.34% 0.1135 83.23) 93.5%, oklch(81.42% 0.1147 82.44) 96.8%, oklch(82.28% 0.1157 81.70) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
