Laranja, marrom, roxo e azul-marinho: gradiente linear

Gradiente linear, 8 cores a 135°: #c44b2d, #cd6d38, #c28a65, #b28993, #8f74a2, #645099, #3a2f70, #132144. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #c44b2d
• #cd6d38
• #c28a65
• #b28993
• #8f74a2
• #645099
• #3a2f70
• #132144

CSS

background: linear-gradient(135deg in oklch, oklch(57.09% 0.1612 35.16) 0.0%, oklch(63.62% 0.1384 47.59) 14.3%, oklch(68.06% 0.0858 54.27) 28.6%, oklch(67.22% 0.0515 3.25) 42.9%, oklch(60.24% 0.0739 310.83) 57.1%, oklch(48.52% 0.1161 294.62) 71.4%, oklch(35.43% 0.1075 287.74) 85.7%, oklch(25.59% 0.0689 266.23) 100.0%);

Nestas coleções

Gradientes em laranja e roxo

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona