Mix Colors
colors_mixCombine two colors using perceptual interpolation across spaces like oklch, rgb, or hex. Set a custom ratio to blend colors accurately for UI, design, and data visualization tasks.
Instructions
Mix two colors with perceptual interpolation
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| mode | No | Interpolation color space (default: oklch) | oklch |
| ratio | No | Mix ratio (0.0 - 1.0, default 0.5) | |
| color1 | Yes | Color string in any supported format (e.g., "#ff0000", "red", "rgb(255, 0, 0)", "oklch(0.6 0.2 29)") | |
| color2 | Yes |