CSS Gradient Generator
Create and copy a two-color linear-gradient CSS rule.
Build a two-color linear gradient and copy its CSS.
Sample text
How to use the css gradient generator
Enter two HEX colors and an angle to create a linear-gradient CSS declaration. Copy the rule into your stylesheet.
Example
At 90 degrees, #173d2b and #ffffff create a left-to-right gradient.
Good to know
Preview the gradient on the actual element because text contrast may vary along the color transition.