"Sky Butter Sky" Gradient
Create gradient0% · #004FF9
- HEX
- #004FF9
- RGB
- 0, 79, 249
- HSL
- 220.96°, 100.00%, 48.82%
- OKLCH
- 0.5173, 0.2590, 262.93°
- CMYK
- 100.00%, 68.27%, 0.00%, 2.35%
- Temp.
- Cool
- Brightness
- 29.32%
- Text color
- #F7FFFF
100% · #FFF94C
- HEX
- #FFF94C
- RGB
- 255, 249, 76
- HSL
- 57.99°, 100.00%, 64.90%
- OKLCH
- 0.9580, 0.1831, 107.40°
- CMYK
- 0.00%, 2.35%, 70.20%, 0.00%
- Temp.
- Warm
- Brightness
- 90.62%
- Text color
- #111827
CSS code for Sky Butter Sky 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, #004FF9 0.00%, #FFF94C 100.00%);background-image: linear-gradient(-45deg, #004FF9 0.00%, #FFF94C 100.00%);