"Butter Azure Dream" Gradient
Create gradient0% · #FFF200
- HEX
- #FFF200
- RGB
- 255, 242, 0
- HSL
- 56.94°, 100.00%, 50.00%
- OKLCH
- 0.9412, 0.2004, 105.69°
- CMYK
- 0.00%, 5.10%, 100.00%, 0.00%
- Temp.
- Warm
- Brightness
- 85.61%
- Text color
- #111827
100% · #003B64
- HEX
- #003B64
- RGB
- 0, 59, 100
- HSL
- 204.60°, 100.00%, 19.61%
- OKLCH
- 0.3426, 0.0898, 246.87°
- CMYK
- 100.00%, 41.00%, 0.00%, 60.78%
- Temp.
- Cool
- Brightness
- 18.05%
- Text color
- #F7FFFF
CSS code for Butter Azure Dream 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, #FFF200 0.00%, #003B64 100.00%);background-image: linear-gradient(-45deg, #FFF200 0.00%, #003B64 100.00%);