Azul-claro, turquesa e azul (análogos): gradiente linear

Gradiente linear, 7 cores a 90°: #a4ecfe, #73e1f4, #44d7e5, #21c9ce, #0aaeb8, #0585a5, #09588b. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #a4ecfe
• #73e1f4
• #44d7e5
• #21c9ce
• #0aaeb8
• #0585a5
• #09588b

CSS

background: linear-gradient(90deg in oklch, oklch(90.16% 0.0758 215.16) 0.0%, oklch(85.26% 0.1039 209.95) 16.7%, oklch(80.96% 0.1221 204.51) 33.3%, oklch(76.03% 0.1245 198.12) 50.0%, oklch(68.47% 0.1153 202.08) 66.7%, oklch(57.29% 0.1055 222.73) 83.3%, oklch(44.49% 0.1075 244.75) 100.0%);

Nestas coleções

Gradientes de verãoGradientes multicoloridos clarosGradientes de primavera

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona