Duotone Color Generator
Generate duotone color combinations for design projects. Pick dark and light colors, preview gradient steps, and get CSS filter code for applying duotone effects to images.
How to Use Duotone Color Generator
Choose a preset or pick custom dark and light colors, then click Generate Duotone. The tool shows gradient steps between the colors and provides CSS code for applying the duotone effect to images.
Step-by-Step Instructions
- Select a preset or pick custom dark and light colors
- Preview the gradient between your two colors
- Click Generate Duotone for full details
- Copy the CSS filter code for your project
Related Tools
Color Picker
Pick colors and get HEX, RGB, and HSL values simultaneously.
Gradient Generator
Create CSS linear and radial gradients with live preview.
Palette Generator
Generate 5 complementary colors from any base color.
Image to Base64 Converter
Convert PNG, JPEG, GIF, WEBP, and SVG images to Base64 strings.