Laranja para azul (complementares): gradiente linear

Gradiente linear, 8 cores a 315°: #ffb855, #e5b06d, #b5a496, #888fa8, #4b75b7, #0f56ad, #063098, #010b79. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #ffb855
• #e5b06d
• #b5a496
• #888fa8
• #4b75b7
• #0f56ad
• #063098
• #010b79

CSS

background: linear-gradient(315deg in oklch, oklch(83.07% 0.1403 72.43) 0.0%, oklch(79.13% 0.1047 71.37) 14.3%, oklch(72.83% 0.0276 60.80) 28.6%, oklch(65.35% 0.0372 271.80) 42.9%, oklch(56.30% 0.1130 259.11) 57.1%, oklch(46.46% 0.1543 257.00) 71.4%, oklch(36.61% 0.1736 263.34) 85.7%, oklch(27.17% 0.1736 264.40) 100.0%);

Nestas coleções

Gradientes de duas coresAmarelo-manteiga e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona