Branco, azul-marinho, cinza e rosa: gradiente linear

Gradiente linear, 7 cores a 90°: #f1fff9, #3b7f88, #2b2b52, #11203a, #595a73, #e9bca5, #c057be. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #f1fff9
• #3b7f88
• #2b2b52
• #11203a
• #595a73
• #e9bca5
• #c057be

CSS

background: linear-gradient(90deg in oklch, oklch(98.82% 0.0164 168.78) 0.0%, oklch(55.74% 0.0695 205.81) 16.7%, oklch(30.97% 0.0683 281.00) 33.3%, oklch(24.61% 0.0530 259.56) 50.0%, oklch(47.62% 0.0399 282.49) 66.7%, oklch(82.85% 0.0607 49.18) 83.3%, oklch(62.60% 0.1833 328.32) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona