Pular para o conteúdo
Paletas do Grabient

Azul para amarelo (duotone): gradiente linear

Azul para amarelo (duotone): paleta de cores

Gradiente linear, 7 cores a 90°: #3684e3, #5ab3ff, #7eddfd, #a1fffe, #c7feff, #e5ffde, #fffda4. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

  • #3684e3
  • #5ab3ff
  • #7eddfd
  • #a1fffe
  • #c7feff
  • #e5ffde
  • #fffda4

CSS

background: linear-gradient(90deg in oklch, oklch(61.42% 0.1626 255.23) 0.0%, oklch(74.41% 0.1398 246.78) 16.7%, oklch(85.04% 0.1006 222.48) 33.3%, oklch(94.09% 0.0896 195.00) 50.0%, oklch(96.06% 0.0559 197.10) 66.7%, oklch(97.24% 0.0510 138.99) 83.3%, oklch(97.64% 0.1102 107.29) 100.0%);

Nestas coleções

Amostras em azul e amareloAmarelo-manteiga e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona