Generate a two-color CSS linear gradient.
Use the example inputs or enter your own values.
Your input is processed in this browser.
Validates two HEX colors and outputs a linear-gradient background declaration.
Enter first color, second color, angle (degrees). Update the result, inspect it, then copy or download the output. Reset restores the example inputs so you can start a new calculation.
Example inputs: First color: #175ad5 · Second color: #161a20 · Angle (degrees): 135.
Test text contrast at every part of the gradient where text appears.
The tool does not connect to your website, change your hosting or install anything in WordPress. Any output must be applied separately in the intended environment.
No. This tool works in a modern browser with JavaScript enabled. Your inputs are not submitted to a server by the tool.
Use Copy for the textual result or Download for a local file. Image tools download a generated image when one is available.
No. It produces a result for you to review. Production changes remain a separate step.
Explore related tools for the next part of your website task, or discuss a project if you need help applying the result.
Discuss a project