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

Gradiente linear, 7 cores a 90°: #bff6f8, #3f7383, #004952, #157a68, #2a8b8a, #288297, #12678b. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #bff6f8
• #3f7383
• #004952
• #157a68
• #2a8b8a
• #288297
• #12678b

CSS

background: linear-gradient(90deg in oklch, oklch(93.70% 0.0565 198.98) 0.0%, oklch(52.70% 0.0604 218.71) 16.7%, oklch(36.99% 0.0638 209.43) 33.3%, oklch(51.97% 0.0909 176.79) 50.0%, oklch(58.30% 0.0874 193.97) 66.7%, oklch(56.43% 0.0875 216.40) 83.3%, oklch(48.43% 0.0937 232.80) 100.0%);

Nestas coleções

Amostras em azul e turquesa

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona