"Sunset Sapphire Field" Gradient
Create gradient0% · #FFD26F
- HEX
- #FFD26F
- RGB
- 255, 210, 111
- HSL
- 41.25°, 100.00%, 71.76%
- OKLCH
- 0.8833, 0.1278, 85.19°
- CMYK
- 0.00%, 17.65%, 56.47%, 0.00%
- Temp.
- Warm
- Brightness
- 83.20%
- Text color
- #111827
100% · #3677FF
- HEX
- #3677FF
- RGB
- 54, 119, 255
- HSL
- 220.60°, 100.00%, 60.59%
- OKLCH
- 0.6057, 0.2135, 262.61°
- CMYK
- 78.82%, 53.33%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 45.13%
- Text color
- #F7FFFF
CSS code for Sunset Sapphire Field 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: linear-gradient(-45deg, #FFD26F 0.00%, #3677FF 100.00%);background-image: linear-gradient(-45deg, #FFD26F 0.00%, #3677FF 100.00%);