Roxo, cinza, rosa e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #7d6374, #806a5b, #757d62, #ab9968, #ec9991, #ad79c5, #306bb7. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #7d6374
• #806a5b
• #757d62
• #ab9968
• #ec9991
• #ad79c5
• #306bb7

CSS

background: linear-gradient(90deg in oklch, oklch(53.15% 0.0400 339.61) 0.0%, oklch(54.13% 0.0369 56.42) 16.7%, oklch(57.48% 0.0413 121.21) 33.3%, oklch(68.68% 0.0697 90.04) 50.0%, oklch(76.38% 0.1020 25.05) 66.7%, oklch(65.75% 0.1223 314.58) 83.3%, oklch(52.76% 0.1350 256.13) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona