Amarelo para azul (complementares): gradiente linear

Gradiente linear, 8 cores a 90°: #f3d93e, #eacc49, #d3b45a, #ad9d86, #8886a0, #6076c9, #476fdc, #3f73e7. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #f3d93e
• #eacc49
• #d3b45a
• #ad9d86
• #8886a0
• #6076c9
• #476fdc
• #3f73e7

CSS

background: linear-gradient(90deg in oklch, oklch(88.19% 0.1654 99.14) 0.0%, oklch(84.65% 0.1488 95.97) 14.3%, oklch(77.95% 0.1157 90.69) 28.6%, oklch(70.47% 0.0372 76.95) 42.9%, oklch(62.99% 0.0386 289.00) 57.1%, oklch(58.66% 0.1295 271.04) 71.4%, oklch(57.09% 0.1722 265.76) 85.7%, oklch(58.27% 0.1860 263.64) 100.0%);

Nestas coleções

Varanda com flor de limoeiro

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona