From color stops to smooth transitions
Writing CSS gradients by hand often feels like guesswork. You know the syntax for linear-gradient, but picturing how the colors will blend—especially across multiple stops—is another matter. The CSS Gradient Generator by Josh W. Comeau is a practical tool that removes that friction.
The app is dedicated to crafting linear gradients and offers a visual, configurable interface around them. Its most interesting feature is the ability to work with several color modes, such as HCL, that the CSS linear-gradient function itself doesn't natively support. This lets you experiment with color interpolation models you wouldn't otherwise have access to in a plain stylesheet.
For those who want to understand the mechanics, Comeau's accompanying blog post details how the color interpolation math works and how the results are translated into something browsers can actually render. It offers a deeper look into the theory that powers the tool's output.
