Arco-íris de roxo a rosa: gradiente linear

Gradiente linear, 7 cores a 90°: #8d23aa, #2e6ac7, #04897b, #6a673f, #6d4c41, #a13f4e, #d81c62. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #8d23aa
• #2e6ac7
• #04897b
• #6a673f
• #6d4c41
• #a13f4e
• #d81c62

CSS

background: linear-gradient(90deg in oklch, oklch(48.82% 0.2081 317.81) 0.0%, oklch(53.49% 0.1576 259.16) 16.7%, oklch(56.69% 0.1006 182.55) 33.3%, oklch(50.49% 0.0571 104.22) 50.0%, oklch(44.88% 0.0482 38.83) 66.7%, oklch(50.44% 0.1297 14.00) 83.3%, oklch(57.48% 0.2177 7.13) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona