Azul-marinho, roxo, rosa e laranja em tons vivos: gradiente linear

Gradiente linear, 6 cores a 90°: #1f145d, #472f9b, #a539b0, #ec4881, #ff7e53, #ffc54e. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #1f145d
• #472f9b
• #a539b0
• #ec4881
• #ff7e53
• #ffc54e

CSS

background: linear-gradient(90deg in oklch, oklch(26.38% 0.1226 281.25) 0.0%, oklch(40.34% 0.1650 286.69) 20.0%, oklch(54.55% 0.1986 323.65) 40.0%, oklch(64.80% 0.2041 3.63) 60.0%, oklch(73.37% 0.1680 38.81) 80.0%, oklch(85.43% 0.1471 81.88) 100.0%);

Nestas coleções

Gradientes brilhantesGradientes de verão

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona