Azul-claro, rosa, lavanda e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #a8cbff, #ccccff, #f5caff, #fdbaec, #bc95cc, #5f6694, #264461. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

• #a8cbff
• #ccccff
• #f5caff
• #fdbaec
• #bc95cc
• #5f6694
• #264461

CSS

background: linear-gradient(90deg in oklch, oklch(83.46% 0.0827 258.05) 0.0%, oklch(86.21% 0.0704 284.47) 16.7%, oklch(89.30% 0.0838 319.58) 33.3%, oklch(86.61% 0.0992 336.25) 50.0%, oklch(72.38% 0.0894 316.05) 66.7%, oklch(52.38% 0.0736 277.42) 83.3%, oklch(37.80% 0.0620 248.54) 100.0%);

Nestas coleções

Gradientes em rosa e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona