Azul e amarelo (duotone): amostras lineares

Amostras lineares, 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, oklch(61.42% 0.1626 255.23) 0.000% 14.286%, oklch(74.41% 0.1398 246.78) 14.286% 28.571%, oklch(85.04% 0.1006 222.48) 28.571% 42.857%, oklch(94.09% 0.0896 195.00) 42.857% 57.143%, oklch(96.06% 0.0559 197.10) 57.143% 71.429%, oklch(97.24% 0.0510 138.99) 71.429% 85.714%, oklch(97.64% 0.1102 107.29) 85.714% 100.000%);

Nestas coleções

Amostras em azul e amareloAmarelo-manteiga e azul

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona