Good to know
Simple first.
The result uses a simple 90-degree linear gradient.
Free · No sign-up · PrivateType, Layout & Effects
Gradient Generator.
Build a two-colour CSS gradient.
1 Enter2 Adjust3 Use result
Input
Answer
linear-gradient(90deg, #F45B1F, #F32478)
CSS gradient
The result uses a simple 90-degree linear gradient.
Private by design
Files stay with you.
The actual file processing happens in your browser. A small number of advanced tools may load a browser helper library, but OutMonkey does not upload your file to do the job.
How file handling works →Before you finish
A quick check makes a better result.
OutMonkey is built to be simple enough for someone doing this once and useful enough for someone who does it every day.
What this tool is for
Gradient generator
Build a two-colour CSS gradient. The aim is a useful result without making you learn a full piece of software first.
Good to know
Treat the maths as a starting point.
Look at the result at the size it will really be used. Fonts have different proportions, so spacing that is mathematically neat can still look too tight or too loose.
If the result is for someone else, open it once as they would see it. That simple check catches a surprising number of tiny mistakes.
In plain English
You do not need to be an expert.
Designers can use the numbers as a fast baseline. Everyone else can simply compare the previews and choose the version that is easiest to read and looks balanced.
Type maths gives you structure; the final judgment should still be optical.