Laranja, verde e azul em tons vivos: gradiente linear

Gradiente linear, 8 cores a 270°: #d83d38, #ff772a, #febe28, #ecf838, #9fff65, #61e995, #28a7e2, #3762ff. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #d83d38
• #ff772a
• #febe28
• #ecf838
• #9fff65
• #61e995
• #28a7e2
• #3762ff

CSS

background: linear-gradient(270deg in oklch, oklch(59.06% 0.1929 26.72) 0.0%, oklch(72.05% 0.1854 45.74) 14.3%, oklch(83.86% 0.1640 82.73) 28.6%, oklch(94.09% 0.1970 113.37) 42.9%, oklch(90.94% 0.2090 135.56) 57.1%, oklch(83.86% 0.1681 153.53) 71.4%, oklch(68.90% 0.1350 234.90) 85.7%, oklch(56.69% 0.2373 266.60) 100.0%);

Nestas coleções

Gradientes arco-íris

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona