Turquesa, cinza e vermelho (complementares): gradiente linear

Gradiente linear, 7 cores a 90°: #147f78, #55a7b6, #8cc0ac, #c4ab90, #e37d56, #d44f34, #a73f29. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #147f78
• #55a7b6
• #8cc0ac
• #c4ab90
• #e37d56
• #d44f34
• #a73f29

CSS

background: linear-gradient(90deg in oklch, oklch(53.94% 0.0896 187.73) 0.0%, oklch(68.26% 0.0831 211.30) 16.7%, oklch(76.66% 0.0626 168.67) 33.3%, oklch(75.59% 0.0469 69.38) 50.0%, oklch(69.51% 0.1373 41.47) 66.7%, oklch(60.28% 0.1736 33.25) 83.3%, oklch(50.79% 0.1419 33.45) 100.0%);

Nestas coleções

Amostras complementares

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona