Azul, roxo e caramelo em tons vivos: gradiente linear

Gradiente linear, 7 cores a 45°: #3f50d2, #4c21ea, #7b1be8, #b840ca, #ef83a1, #ffbe79, #ffd56d. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #3f50d2
• #4c21ea
• #7b1be8
• #b840ca
• #ef83a1
• #ffbe79
• #ffd56d

CSS

background: linear-gradient(45deg in oklch, oklch(50.00% 0.1984 271.41) 0.0%, oklch(47.24% 0.2659 278.80) 16.7%, oklch(51.18% 0.2646 295.71) 33.3%, oklch(59.45% 0.2219 322.13) 50.0%, oklch(73.62% 0.1364 3.34) 66.7%, oklch(84.64% 0.1141 66.75) 83.3%, oklch(88.98% 0.1314 87.89) 100.0%);

Nestas coleções

Gradientes em roxo e rosa

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona