All activity

Erik D. Kennedy
left a comment
What’s new in v2:
- Interpolate in 8 different color spaces (6 of which are perceptually uniform)
- Get live previews of each color space
- Go the “long way” around the color wheel (adds more color to the gradient)
- Add a third color
- Drag-and-drop to reorder
- Choose from a gradient gallery
- Share URLs to your gradients
And you can, of course, still:
- Copy the CSS with one click
-...

Gradient Generator v2
Create gorgeous gradients in 8 color spaces

Create & export linear, radial, & conic gradients. Automatically creates vivid, colorful gradients in 8 different color spaces. One-click CSS or SVG (drag-and-drop into Figma, Sketch, Canva, etc).

Gradient Generator v2
Create gorgeous gradients in 8 color spaces

Erik D. Kennedy
left a comment
Hey, product creator here. Happy to field any comments, questions, or feature requests :)

Gradient Generator
Create perceptually smooth gradients of all types

Easily create linear, radial, and conic gradients that avoid the dreaded "gray zone" in the middle of many gradients. Export as CSS or SVG.

Gradient Generator
Create perceptually smooth gradients of all types

A tool for creating high-contrast, accessible color variations from your existing colors.
INPUT: two colors (one for text, one for the background)
OUTPUT: the closest variations of those two colors that contrast enough to meet WCAG accessibility guidelines.

Accessible Color Generator
Find high-contrast variations of your brand colors

Data Color Picker is a UI tool for easy to read data visualizations

Data Color Picker
Create visually-equidistant palettes for data visualizations