Laranja, caramelo, turquesa e azul-marinho: gradiente linear

Gradiente linear, 7 cores a 90°: #ffa205, #e5c572, #54b4a7, #009395, #0f7582, #065767, #073142. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #ffa205
• #e5c572
• #54b4a7
• #009395
• #0f7582
• #065767
• #073142

CSS

background: linear-gradient(90deg in oklch, oklch(78.74% 0.1710 68.91) 0.0%, oklch(83.46% 0.1089 88.98) 16.7%, oklch(70.87% 0.0937 183.04) 33.3%, oklch(60.24% 0.1027 195.72) 50.0%, oklch(51.57% 0.0854 208.40) 66.7%, oklch(42.13% 0.0730 216.85) 83.3%, oklch(29.53% 0.0537 230.59) 100.0%);

Nestas coleções

Turquesa e laranja

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona