Azul, verde, amarelo e laranja: gradiente linear

Gradiente linear, 7 cores a 90°: #2e6f8c, #1d8588, #4f9e73, #9bc062, #e7cb3d, #f89310, #e15b36. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #2e6f8c
• #1d8588
• #4f9e73
• #9bc062
• #e7cb3d
• #f89310
• #e15b36

CSS

background: linear-gradient(90deg in oklch, oklch(51.18% 0.0799 230.62) 0.0%, oklch(56.20% 0.0884 197.93) 16.7%, oklch(63.78% 0.1033 157.71) 33.3%, oklch(76.08% 0.1298 126.87) 50.0%, oklch(84.25% 0.1557 97.47) 66.7%, oklch(75.30% 0.1686 63.06) 83.3%, oklch(63.78% 0.1750 36.18) 100.0%);

Nestas coleções

Infância retrô

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona