Turquesa, caramelo e vermelho: gradiente linear
Gradiente linear, 32 cores a 90°: #00808a, #00baad, #8cc5aa, #d88063, #e3452e. Edite e exporte CSS, SVG, PNG ou um shader.
7 quadros-chave OKLCH editáveis.
- #00808a
- #00858e
- #008c93
- #009598
- #099d9e
- #12a5a2
- #13aca6
- #09b3aa
- #00baad
- #00c0af
- #1ac5b1
- #34c8b3
- #4bcab8
- #61cabc
- #73cabc
- #81c8b7
- #8cc5aa
- #9abd96
- #aab183
- #b7a378
- #be9774
- #c48f72
- #cd876d
- #d88063
- #e37855
- #ec7045
- #f1683a
- #f15f35
- #ee5732
- #ea4f30
- #e5492f
- #e3452e
CSS
background: linear-gradient(90deg in oklch, oklch(54.73% 0.0934 204.62) 0.0%, oklch(56.20% 0.0957 202.93) 3.2%, oklch(58.30% 0.0991 200.53) 6.5%, oklch(60.73% 0.1033 197.75) 9.7%, oklch(63.20% 0.1066 194.90) 12.9%, oklch(65.42% 0.1097 192.31) 16.1%, oklch(67.33% 0.1137 190.09) 19.4%, oklch(69.20% 0.1193 187.98) 22.6%, oklch(70.98% 0.1245 185.94) 25.8%, oklch(72.60% 0.1286 183.96) 29.0%, oklch(74.00% 0.1290 182.01) 32.3%, oklch(75.20% 0.1242 180.88) 35.5%, oklch(76.35% 0.1138 182.09) 38.7%, oklch(77.31% 0.1006 183.47) 41.9%, oklch(77.94% 0.0872 182.61) 45.2%, oklch(78.10% 0.0765 177.10) 48.4%, oklch(77.59% 0.0704 164.19) 51.6%, oklch(76.22% 0.0659 142.06) 54.8%, oklch(74.31% 0.0632 114.77) 58.1%, oklch(72.27% 0.0633 87.01) 61.3%, oklch(70.51% 0.0675 63.47) 64.5%, oklch(69.40% 0.0770 48.56) 67.7%, oklch(68.93% 0.0947 41.23) 71.0%, oklch(68.81% 0.1179 38.70) 74.2%, oklch(68.78% 0.1425 38.81) 77.4%, oklch(68.58% 0.1645 39.40) 80.6%, oklch(67.97% 0.1797 38.36) 83.9%, oklch(66.81% 0.1885 36.45) 87.1%, oklch(65.32% 0.1934 34.77) 90.3%, oklch(63.76% 0.1958 33.34) 93.5%, oklch(62.37% 0.1970 32.17) 96.8%, oklch(61.42% 0.1984 31.30) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
