Rosa, verde-claro, cinza e roxo: gradiente linear

Gradiente linear, 8 cores a 0°: #f4a4f4, #e7cdda, #d9e3ca, #c1e8b2, #a5dca7, #99bc99, #8b8c93, #8e4a92. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #f4a4f4
• #e7cdda
• #d9e3ca
• #c1e8b2
• #a5dca7
• #99bc99
• #8b8c93
• #8e4a92

CSS

background: linear-gradient(0deg in oklch, oklch(82.28% 0.1392 326.95) 0.0%, oklch(87.40% 0.0331 347.03) 14.3%, oklch(90.16% 0.0344 124.41) 28.6%, oklch(88.98% 0.0841 137.09) 42.9%, oklch(84.25% 0.0923 145.54) 57.1%, oklch(75.98% 0.0620 145.54) 71.4%, oklch(64.17% 0.0096 273.41) 85.7%, oklch(51.97% 0.1323 325.19) 100.0%);

Nestas coleções

Gradientes multicoloridos clarosGradientes multicoloridos suaves

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona