Early sunset
The quick brown fox jumps over the lazy dog
Early sunset
Linear · 179° · 4 stops · added 1 hour ago
Colour stops
- #CBD5F9 #CBD5F9 0%
- #E1D1EB 61% Save colour
- #EFD0E5 73% Save colour
- #FED2E6 100% Save colour
CSS
CSS
background: linear-gradient(179deg, #CBD5F9 0%, #E1D1EB 61%, #EFD0E5 73%, #FED2E6 100%);
With fallback
background-color: #CBD5F9;
background-image: linear-gradient(179deg, #CBD5F9 0%, #E1D1EB 61%, #EFD0E5 73%, #FED2E6 100%);
CSS variable
--early-sunset: linear-gradient(179deg, #CBD5F9 0%, #E1D1EB 61%, #EFD0E5 73%, #FED2E6 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 Early sunset
1.34:1
lowest, at #FED2E6
- 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 Early sunset
14.42:1
lowest, at #CBD5F9
- AA · normal text 4.5:1 Pass
- AA · large text 3:1 Pass
- AAA · normal text 7:1 Pass
- 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.