Colors Gradients Palettes Tools

"Saffron Apricot Sun" Gradient

Create gradient

by Prism404

Type:
Linear
Angle:
-45°

0% · #FFDD00

HEX
#FFDD00
RGB
255, 221, 0
HSL
52.00°, 100.00%, 50.00%
OKLCH
0.8987, 0.1857, 97.86°
CMYK
0.00%, 13.33%, 100.00%, 0.00%
Temp.
Warm
Brightness
80.77%
Text color
#111827

100% · #FBB034

HEX
#FBB034
RGB
251, 176, 52
HSL
37.39°, 96.14%, 59.41%
OKLCH
0.8096, 0.1557, 74.66°
CMYK
0.00%, 29.88%, 79.28%, 1.57%
Temp.
Warm
Brightness
72.27%
Text color
#111827

CSS code for Saffron Apricot Sun gradient

Copy either declaration into a CSS rule to reproduce this gradient. Both examples use the same gradient type, direction and color stop positions as the preview.

Background
background: linear-gradient(-45deg, #FFDD00 0.00%, #FBB034 100.00%);
Background image
background-image: linear-gradient(-45deg, #FFDD00 0.00%, #FBB034 100.00%);