Online color blending tool that mixes two colors in different ratios. Supports HEX and RGB input with real-time preview of blend results and intermediate steps. Perfect for palette design and color learning.
Two algorithms: â‘ RGB Linear Interpolation: linearly interpolates R, G, B channels between two colors; â‘¡ Lab Color Interpolation: converts to Lab color space for interpolation that matches human perception more naturally. Default is RGB mode; switch to Lab in settings for more natural blends.
Three input methods: â‘ Visual color picker; â‘¡ HEX format (e.g., #FF5500); â‘¢ RGB format (e.g., rgb(255,85,0)). Input boxes parse in real-time - any valid color value auto-updates the preview.
Blend results can be copied as HEX, RGB, or CSS variable format. Intermediate color steps (stepping values) are displayed in a list for easy copying into CSS gradients or design systems.
Common applications: â‘ Brand color system design - blend primary and secondary colors; â‘¡ Gradient design through multi-step blending; â‘¢ Design system token generation for light/dark variants; â‘£ Color theory education - visually demonstrates blending principles.
Suggestions or questions? Feedback