Arco-íris de verde a azul-marinho: gradiente linear

Gradiente linear, 7 cores a 90°: #9fc74a, #6f9e93, #354b8f, #b44b4d, #6ca272, #38536c, #2f3f54. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #9fc74a
• #6f9e93
• #354b8f
• #b44b4d
• #6ca272
• #38536c
• #2f3f54

CSS

background: linear-gradient(90deg in oklch, oklch(77.56% 0.1585 125.16) 0.0%, oklch(66.14% 0.0532 178.79) 16.7%, oklch(43.19% 0.1160 268.29) 33.3%, oklch(55.00% 0.1369 21.42) 50.0%, oklch(66.11% 0.0904 147.11) 66.7%, oklch(43.07% 0.0532 247.94) 83.3%, oklch(36.22% 0.0427 255.49) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona