Caramelo, azul, roxo e marrom: gradiente linear

Gradiente linear, 7 cores a 90°: #d5964b, #967f93, #6271a2, #7464a8, #a06783, #ab8173, #92ad74. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #d5964b
• #967f93
• #6271a2
• #7464a8
• #a06783
• #ab8173
• #92ad74

CSS

background: linear-gradient(90deg in oklch, oklch(72.05% 0.1185 68.91) 0.0%, oklch(62.37% 0.0407 329.35) 16.7%, oklch(55.60% 0.0782 270.71) 33.3%, oklch(54.75% 0.1052 293.38) 50.0%, oklch(58.30% 0.0828 348.79) 66.7%, oklch(63.98% 0.0564 39.12) 83.3%, oklch(71.26% 0.0854 129.14) 100.0%);

Nestas coleções

Paleta de cores em tétrade

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona