ToolKitColor tools
Gradient Generator
Create a two-color, 90-degree linear CSS gradient with a live preview and copyable code. Radial, conic, multi-stop and angle controls are not available.
Gradient generator
CSS background
background: linear-gradient(90deg, #111827, #ffffff);
About this tool
Choose the two endpoint colors to preview a horizontal linear gradient. Copy the generated background declaration into a stylesheet.
The angle is fixed at 90 degrees. There are no presets, extra stops, stop-position controls, radial gradients or conic gradients in this version.
Frequently asked questions
Can I change the angle or create a radial gradient?
No. The current generator creates a fixed 90-degree linear gradient between two selected colors.