Azul-claro, roxo, rosa e vermelho em tons neon: gradiente linear

Gradiente linear, 7 cores a 90°: #51c5fd, #6f8dff, #a856f3, #e031c9, #ff2694, #ff3b68, #ff6142. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #51c5fd
• #6f8dff
• #a856f3
• #e031c9
• #ff2694
• #ff3b68
• #ff6142

CSS

background: linear-gradient(90deg in oklch, oklch(77.95% 0.1309 233.44) 0.0%, oklch(67.42% 0.1716 270.22) 16.7%, oklch(62.51% 0.2267 304.55) 33.3%, oklch(63.98% 0.2551 334.49) 50.0%, oklch(66.19% 0.2531 357.19) 66.7%, oklch(66.15% 0.2287 13.72) 83.3%, oklch(69.29% 0.1987 33.01) 100.0%);

Nestas coleções

Gradientes neon

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona