Color tools
- Generate CSS gradients
CSS Gradient
Visual gradient editor that hands you the CSS - linear or radial, any number of stops
CSS Gradient - Convert color code
- Blend colors
- Generates color scales
- Pick colors from any webpage
ColorKit
Generates color scales by mixing the shades between two colors
A modern color blending tool that generates color scales by mixing shades between two colors. Enter start and end colors, choose the number of steps, and get a stepped gradient.
What we love ❤️
- Creates up to 18 color steps between any two colors
- Supports multiple color formats: HEX, RGB, and HSB
- Live preview updates instantly as you make changes
- Clean, modern interface without any distractions - no ads
- Export colors as SVG or shareable URL
While similar to Eric Meyer's classic Color Blend tool, ColorKit brings the concept into modern times with additional features and a fresh interface. It maintains the simplicity of the original idea while offering more flexibility in terms of steps and color formats. It's another great example of how a focused tool can evolve while staying true to its core purpose.