Azul, caramelo, verde-claro e azul-claro: gradiente linear

Gradiente linear, 7 cores a 90°: #3171be, #7a557c, #b36c52, #d4a64a, #cdd685, #9ddfc4, #6cb9da. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #3171be
• #7a557c
• #b36c52
• #d4a64a
• #cdd685
• #9ddfc4
• #6cb9da

CSS

background: linear-gradient(90deg in oklch, oklch(54.72% 0.1364 254.53) 0.0%, oklch(50.37% 0.0743 324.93) 16.7%, oklch(60.25% 0.0994 40.44) 33.3%, oklch(74.93% 0.1211 82.10) 50.0%, oklch(85.07% 0.1039 113.59) 66.7%, oklch(85.07% 0.0764 167.62) 83.3%, oklch(74.80% 0.0896 227.41) 100.0%);

Nestas coleções

Amarelo-manteiga e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona