Bege para azul (complementares): gradiente linear

Gradiente linear, 8 cores a 180°: #f1e3bb, #ecd97e, #d5cd51, #b9b77a, #97a1ac, #7184d6, #4b68a6, #2a4c6c. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #f1e3bb
• #ecd97e
• #d5cd51
• #b9b77a
• #97a1ac
• #7184d6
• #4b68a6
• #2a4c6c

CSS

background: linear-gradient(180deg in oklch, oklch(91.73% 0.0551 90.70) 0.0%, oklch(88.19% 0.1144 98.10) 14.3%, oklch(83.07% 0.1433 105.50) 28.6%, oklch(76.77% 0.0813 106.55) 42.9%, oklch(70.47% 0.0193 251.33) 57.1%, oklch(63.39% 0.1254 272.46) 71.4%, oklch(52.36% 0.1033 264.01) 85.7%, oklch(40.55% 0.0675 248.16) 100.0%);

Nestas coleções

Amarelo-manteiga e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona