Azul-claro, azul e azul-marinho em tons frios: gradiente linear

Gradiente linear, 7 cores a 90°: #97e8f1, #57cae8, #00a4e0, #0079d4, #234dba, #2f2888, #280f58. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #97e8f1
• #57cae8
• #00a4e0
• #0079d4
• #234dba
• #2f2888
• #280f58

CSS

background: linear-gradient(90deg in oklch, oklch(88.19% 0.0799 205.31) 0.0%, oklch(78.55% 0.1111 217.56) 16.7%, oklch(67.63% 0.1409 233.66) 33.3%, oklch(57.09% 0.1650 250.77) 50.0%, oklch(46.25% 0.1783 264.33) 66.7%, oklch(35.32% 0.1540 278.27) 83.3%, oklch(25.98% 0.1199 290.91) 100.0%);

Nestas coleções

Gradientes para mapas meteorológicos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona