IMG 9779 1536x1024 gradient
The quick brown fox jumps over the lazy dog
IMG 9779 1536x1024 gradient
Linear · 0° · 5 stops · added 1 hour ago
Colour stops
- #FF7D1B 0% Save colour
- #FD7A1E 14% Save colour
- #E66C1B 30% Save colour
- #D07324 50% Save colour
- #B07634 100% Save colour
CSS
CSS
background: linear-gradient(0deg, #FF7D1B 0%, #FD7A1E 14%, #E66C1B 30%, #D07324 50%, #B07634 100%);
With fallback
background-color: #FF7D1B;
background-image: linear-gradient(0deg, #FF7D1B 0%, #FD7A1E 14%, #E66C1B 30%, #D07324 50%, #B07634 100%);
CSS variable
--img-9779-1536x1024-gradient: linear-gradient(0deg, #FF7D1B 0%, #FD7A1E 14%, #E66C1B 30%, #D07324 50%, #B07634 100%);Download as an image
A PNG of the gradient, e.g. for wallpapers, slides or social posts.
Text on this gradient
Checked at every colour in it: text is only as readable as the gradient's lowest-contrast point.
Aa White text on IMG 9779 1536x1024 gradient
2.56:1
lowest, at #FF7D1B
- AA · normal text 4.5:1 Fail
- AA · large text 3:1 Fail
- AAA · normal text 7:1 Fail
- AAA · large text 4.5:1 Fail
- Graphics & UI 3:1 Fail
Aa Black text on IMG 9779 1536x1024 gradient
5.48:1
lowest, at #B07634
- AA · normal text 4.5:1 Pass
- AA · large text 3:1 Pass
- AAA · normal text 7:1 Fail
- AAA · large text 4.5:1 Pass
- Graphics & UI 3:1 Pass
Other styles
The same colours in each style. Open one in the editor to save it.