Azul-claro, verde-escuro, turquesa e verde: gradiente linear

Gradiente linear, 7 cores a 90°: #7abffc, #205b3a, #143819, #146c7d, #06a975, #62d79b, #a4eefd. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #7abffc
• #205b3a
• #143819
• #146c7d
• #06a975
• #62d79b
• #a4eefd

CSS

background: linear-gradient(90deg in oklch, oklch(78.35% 0.1116 246.09) 0.0%, oklch(42.23% 0.0828 155.57) 16.7%, oklch(30.58% 0.0688 146.45) 33.3%, oklch(49.21% 0.0813 214.39) 50.0%, oklch(64.96% 0.1399 162.73) 66.7%, oklch(79.53% 0.1375 158.70) 83.3%, oklch(90.55% 0.0758 212.28) 100.0%);

Nestas coleções

Gradientes em azul e verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona