Azul e turquesa (análogos): gradiente angular

Gradiente angular, 7 cores a 150°: #0681d2, #0eabdc, #1ad5dd, #22e3d4, #47ccce, #599ed7, #6379e0. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #0681d2
• #0eabdc
• #1ad5dd
• #22e3d4
• #47ccce
• #599ed7
• #6379e0

CSS

background: conic-gradient(from 150deg in oklch, oklch(58.66% 0.1543 247.50) 0.0%, oklch(69.29% 0.1323 227.42) 16.7%, oklch(79.53% 0.1323 199.95) 33.3%, oklch(82.68% 0.1406 186.21) 50.0%, oklch(77.56% 0.1130 196.78) 66.7%, oklch(67.72% 0.1102 245.39) 83.3%, oklch(61.02% 0.1571 271.81) 100.0%);

Nestas coleções

Gradientes turquesaGradientes ciano

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona