Vermelho, caramelo e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #c0554b, #e49b4f, #9dc687, #679dae, #4887b0, #356fa3, #365989. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #c0554b
• #e49b4f
• #9dc687
• #679dae
• #4887b0
• #356fa3
• #365989

CSS

background: linear-gradient(90deg in oklch, oklch(58.27% 0.1392 27.42) 0.0%, oklch(74.80% 0.1267 65.03) 16.7%, oklch(78.23% 0.0966 135.01) 33.3%, oklch(66.54% 0.0620 218.69) 50.0%, oklch(59.89% 0.0901 238.58) 66.7%, oklch(52.81% 0.1023 248.05) 83.3%, oklch(46.06% 0.0896 256.74) 100.0%);

Nestas coleções

Amostras de cores primárias

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona