Pêssego, azul, rosa e roxo: gradiente linear

Gradiente linear, 7 cores a 90°: #f8b996, #3d2395, #3723a9, #bc69c3, #f3a2af, #b07b83, #242e56. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #f8b996
• #3d2395
• #3723a9
• #bc69c3
• #f3a2af
• #b07b83
• #242e56

CSS

background: linear-gradient(90deg in oklch, oklch(83.46% 0.0868 49.92) 0.0%, oklch(37.19% 0.1726 284.76) 16.7%, oklch(38.76% 0.1977 278.53) 33.3%, oklch(64.79% 0.1562 324.26) 50.0%, oklch(79.51% 0.0963 9.30) 66.7%, oklch(63.83% 0.0665 8.69) 83.3%, oklch(31.50% 0.0717 270.43) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona