Amarelo, verde-escuro, turquesa e azul-claro: gradiente linear

Gradiente linear, 7 cores a 90°: #d3b626, #003651, #305829, #005548, #005a62, #cbae3e, #b1dffd. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #d3b626
• #003651
• #305829
• #005548
• #005a62
• #cbae3e
• #b1dffd

CSS

background: linear-gradient(90deg in oklch, oklch(77.95% 0.1516 97.03) 0.0%, oklch(31.64% 0.0696 237.44) 16.7%, oklch(41.86% 0.0865 140.71) 33.3%, oklch(40.16% 0.0742 177.52) 50.0%, oklch(42.57% 0.0728 205.89) 66.7%, oklch(75.51% 0.1317 94.12) 83.3%, oklch(88.19% 0.0634 236.52) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona