Azul para amarelo (complementares): gradiente linear

Gradiente linear, 8 cores a 90°: #2e3dc8, #3342c0, #4d4eaf, #6c688d, #8d8679, #aea451, #c6bb43, #d1ca35. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #2e3dc8
• #3342c0
• #4d4eaf
• #6c688d
• #8d8679
• #aea451
• #c6bb43
• #d1ca35

CSS

background: linear-gradient(90deg in oklch, oklch(44.88% 0.2122 270.00) 0.0%, oklch(45.28% 0.1957 271.06) 14.3%, oklch(47.64% 0.1516 278.45) 28.6%, oklch(53.54% 0.0579 289.02) 42.9%, oklch(62.20% 0.0207 82.25) 57.1%, oklch(70.87% 0.1047 102.33) 71.4%, oklch(77.95% 0.1392 104.44) 85.7%, oklch(81.89% 0.1598 106.56) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona