Azul, rosa, rosa-claro e cinza: gradiente linear

Gradiente linear, 7 cores a 90°: #066fd8, #a345b9, #da4a4a, #faa795, #f8e2e0, #a69998, #5a4847. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #066fd8
• #a345b9
• #da4a4a
• #faa795
• #f8e2e0
• #a69998
• #5a4847

CSS

background: linear-gradient(90deg in oklch, oklch(55.12% 0.1805 255.23) 0.0%, oklch(56.08% 0.1902 319.70) 16.7%, oklch(61.02% 0.1805 24.16) 33.3%, oklch(80.51% 0.1027 32.22) 50.0%, oklch(92.91% 0.0248 24.16) 66.7%, oklch(69.51% 0.0151 24.16) 83.3%, oklch(42.13% 0.0248 24.16) 100.0%);

Nestas coleções

Amostras de volta às aulas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona