Verde-claro, amarelo, turquesa e azul: gradiente linear

Gradiente linear, 7 cores a 90°: #b9e47a, #8aeabe, #8fe8e1, #c4f8ba, #f3ee89, #00cbb9, #5367e8. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #b9e47a
• #8aeabe
• #8fe8e1
• #c4f8ba
• #f3ee89
• #00cbb9
• #5367e8

CSS

background: linear-gradient(90deg in oklch, oklch(86.61% 0.1419 127.27) 0.0%, oklch(86.64% 0.1120 163.06) 16.7%, oklch(87.40% 0.0868 188.56) 33.3%, oklch(92.67% 0.0976 140.81) 50.0%, oklch(93.31% 0.1240 106.13) 66.7%, oklch(75.57% 0.1339 183.93) 83.3%, oklch(57.09% 0.1943 272.04) 100.0%);

Nestas coleções

Cores surreais

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona