Azul-marinho, vermelho, laranja e ciano: gradiente linear

Gradiente linear, 8 cores a 90°: #00254b, #000000, #9d0d00, #ff0812, #ff8228, #dcf9cb, #62ffff, #00e2f9. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #00254b
• #000000
• #9d0d00
• #ff0812
• #ff8228
• #dcf9cb
• #62ffff
• #00e2f9

CSS

background: linear-gradient(90deg in oklch, oklch(26.39% 0.0821 253.28) 0.0%, oklch(3.15% 0.0014 358.80) 14.3%, oklch(44.10% 0.1746 30.45) 28.6%, oklch(62.99% 0.2556 28.39) 42.9%, oklch(73.62% 0.1784 50.58) 57.1%, oklch(94.88% 0.0675 134.06) 71.4%, oklch(91.73% 0.1303 195.35) 85.7%, oklch(83.47% 0.1435 208.04) 100.0%);

Nestas coleções

Gradientes multicoloridos vivosGradientes multicoloridos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona