Preto, azul-marinho, verde e laranja: gradiente linear

Gradiente linear, 7 cores a 90°: #121825, #1e283b, #284b63, #489e7a, #f2c14f, #ffaa72, #f88154. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #121825
• #1e283b
• #284b63
• #489e7a
• #f2c14f
• #ffaa72
• #f88154

CSS

background: linear-gradient(90deg in oklch, oklch(20.87% 0.0289 265.78) 0.0%, oklch(27.58% 0.0382 262.81) 16.7%, oklch(39.76% 0.0579 240.42) 33.3%, oklch(63.46% 0.1000 163.94) 50.0%, oklch(83.46% 0.1406 85.08) 66.7%, oklch(80.88% 0.1237 53.18) 83.3%, oklch(72.83% 0.1571 40.69) 100.0%);

Nestas coleções

Funhaus

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona