Azul para amarelo em tons pastel: gradiente linear

Gradiente linear, 8 cores a 180°: #51acfe, #50acff, #57aef6, #7fb9cc, #9dc4a5, #bdce7a, #ddd854, #ffe42f. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #51acfe
• #50acff
• #57aef6
• #7fb9cc
• #9dc4a5
• #bdce7a
• #ddd854
• #ffe42f

CSS

background: linear-gradient(180deg in oklch, oklch(72.44% 0.1488 248.91) 0.0%, oklch(72.44% 0.1497 248.90) 14.3%, oklch(72.83% 0.1337 245.74) 28.6%, oklch(75.20% 0.0661 220.37) 42.9%, oklch(78.35% 0.0606 150.63) 57.1%, oklch(81.89% 0.1089 117.87) 71.4%, oklch(86.22% 0.1516 107.30) 85.7%, oklch(91.34% 0.1801 99.91) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona