Gradient Generator
Mix a CSS gradient and copy the code.
background: linear-gradient(120deg, #111111, #ff0101);Worked example
Two stops, #111111 to #ff0101, at 90 degrees, produce a CSS linear-gradient you can paste into a stylesheet. Add a stop to put a colour in the middle.
FAQ
- Linear or radial?
- The control lets you switch. The copied CSS matches the type on screen.
- How do I add a colour stop?
- Add a stop and set its hex and position. Positions are percentages along the gradient.
- Will the CSS work in current browsers?
- Yes. linear-gradient and radial-gradient are standard CSS.