Laranja para verde (duotone) em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #fe6054, #fe7f41, #fe9f3b, #d6be3d, #a7db4a, #7bf762, #60ff8a. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #fe6054
• #fe7f41
• #fe9f3b
• #d6be3d
• #a7db4a
• #7bf762
• #60ff8a

CSS

background: linear-gradient(90deg in oklch, oklch(69.29% 0.1957 27.42) 0.0%, oklch(73.23% 0.1722 44.33) 16.7%, oklch(78.35% 0.1571 62.29) 33.3%, oklch(79.92% 0.1447 98.22) 50.0%, oklch(82.68% 0.1791 126.76) 66.7%, oklch(87.40% 0.2191 140.49) 83.3%, oklch(88.97% 0.2070 148.95) 100.0%);

Nestas coleções

Gradientes arco-íris

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona