Colour Storer

← All gradients

Philadelphia sunset The quick brown fox jumps over the lazy dog

Philadelphia sunset

Linear · 180° · 5 stops · added 1 hour ago

Edit
Summer

Colour stops

CSS

CSS 
background: linear-gradient(180deg, #A3B0B1 0%, #C4B58E 25%, #FED187 50%, #FFE755 75%, #E8A54C 100%);
With fallback 
background-color: #A3B0B1;
background-image: linear-gradient(180deg, #A3B0B1 0%, #C4B58E 25%, #FED187 50%, #FFE755 75%, #E8A54C 100%);
CSS variable 
--philadelphia-sunset: linear-gradient(180deg, #A3B0B1 0%, #C4B58E 25%, #FED187 50%, #FFE755 75%, #E8A54C 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 Philadelphia sunset
1.24:1 lowest, at #FFE755
  • 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 Philadelphia sunset
9.40:1 lowest, at #A3B0B1
  • 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.