Ciano, azul e roxo em tons vivos: gradiente linear

Gradiente linear, 6 cores a 90°: #00dceb, #00d0e4, #1ba8e2, #4770e5, #7f37ea, #ac14f4. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #00dceb
• #00d0e4
• #1ba8e2
• #4770e5
• #7f37ea
• #ac14f4

CSS

background: linear-gradient(90deg in oklch, oklch(81.50% 0.1389 203.91) 0.0%, oklch(78.35% 0.1344 207.08) 20.0%, oklch(68.90% 0.1378 233.50) 40.0%, oklch(57.87% 0.1833 266.25) 60.0%, oklch(53.94% 0.2467 294.79) 80.0%, oklch(57.87% 0.2852 309.58) 100.0%);

Nestas coleções

Gradientes cyberpunk

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona