Gradient Generator
Build a practical CSS linear gradient with bounded local stops.
Gradient controls
Linear gradients support two to 6 local color stops.
Build a local linear gradient and copy the generated CSS.
Values are normalized to 0 through 359 degrees in the output.
Stop 1
Stop 2
Gradient output
Preview is visual. The generated CSS below is the copyable payload.
Copy this declaration into a stylesheet.
Your input stays in this browser and is not sent to Kiriyar.
Related tools
More from Color.