Duotone
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/duotone/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/duotone/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/duotone/)Use the native HTML custom element.
Um efeito de design que mapeia a faixa tonal de uma imagem para duas cores em vez do espectro completo.
Duotone replaces the shadows with one color and the highlights with another, with midtones blending between the two. Originally a printing technique for adding richness to two-color print jobs, duotone has become a popular digital design trend for hero images, brand photography, and social media content. Spotify popularized the modern duotone aesthetic in their marketing. The technique works especially well with high-contrast photographs and allows designers to unify diverse imagery under a consistent brand palette. In CSS, duotone effects can be approximated using mix-blend-mode and gradient overlays.