XXC / DESIGN WORKSHOP
Gradient Creator.
Find your next atmosphere. Mix color stops, shape a gradient and take the CSS with you.
Works in your browser Ready for your next project
Shape the atmosphere
Color stops
Stops are sorted by position in the generated CSS. Add up to eight colors. Center controls apply to radial and conic gradients.
ANOTHER DIMENSIONA softer
kind of bold.
kind of bold.
Your next idea starts with color.
A starting point
PNG export is 1600 × 1000 pixels and contains the gradient only.
FROM EXPERIMENT TO PROJECT
Take it with you.
Copy the code, export a draft, or send it to the editor to run and refine.