Azul-claro, azul e roxo em tons vivos: gradiente linear

Gradiente linear, 6 cores a 45°: #21d6fc, #0fd7f4, #24b4f0, #567af1, #8f40f6, #b71eff. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #21d6fc
• #0fd7f4
• #24b4f0
• #567af1
• #8f40f6
• #b71eff

CSS

background: linear-gradient(45deg in oklch, oklch(81.10% 0.1406 217.27) 0.0%, oklch(80.71% 0.1392 211.98) 20.0%, oklch(72.44% 0.1419 233.12) 40.0%, oklch(61.42% 0.1833 267.99) 60.0%, oklch(57.48% 0.2508 297.58) 80.0%, oklch(60.63% 0.2921 310.26) 100.0%);

Nestas coleções

Amostras neon

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona