Azul-escuro, turquesa, verde-oliva e pêssego em tons vivos: gradiente linear

Gradiente linear, 7 cores a 90°: #2f1769, #008c97, #a6d4bf, #d3cd8a, #c4942b, #839342, #ff9363. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #2f1769
• #008c97
• #a6d4bf
• #d3cd8a
• #c4942b
• #839342
• #ff9363

CSS

background: linear-gradient(90deg in oklch, oklch(29.53% 0.1323 288.98) 0.0%, oklch(58.25% 0.0994 204.80) 16.7%, oklch(83.22% 0.0571 165.66) 33.3%, oklch(83.81% 0.0876 104.45) 50.0%, oklch(69.54% 0.1290 82.68) 66.7%, oklch(63.23% 0.1079 118.63) 83.3%, oklch(76.77% 0.1447 43.82) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona