Turquesa, roxo, magenta e laranja em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #00c5b8, #1d6f7e, #2c2b5c, #681664, #c32c67, #f17026, #ffc02a. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #00c5b8
• #1d6f7e
• #2c2b5c
• #681664
• #c32c67
• #f17026
• #ffc02a

CSS

background: linear-gradient(90deg in oklch, oklch(74.02% 0.1292 187.03) 0.0%, oklch(50.02% 0.0782 212.69) 16.7%, oklch(31.80% 0.0862 281.36) 33.3%, oklch(37.33% 0.1461 329.82) 50.0%, oklch(54.88% 0.1901 2.77) 66.7%, oklch(68.93% 0.1783 45.73) 83.3%, oklch(84.25% 0.1638 82.77) 100.0%);

Nestas coleções

Gradientes para seção heroGradientes de Dia dos Mortos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona