"Poppy Midnight Light" Gradient
Create gradient0% · #B92B27
- HEX
- #B92B27
- RGB
- 185, 43, 39
- HSL
- 1.64°, 65.18%, 43.92%
- OKLCH
- 0.5173, 0.1793, 27.34°
- CMYK
- 0.00%, 76.76%, 78.92%, 27.45%
- Temp.
- Warm
- Brightness
- 33.33%
- Text color
- #F7FFFF
100% · #1565C0
- HEX
- #1565C0
- RGB
- 21, 101, 192
- HSL
- 211.93°, 80.28%, 41.76%
- OKLCH
- 0.5134, 0.1603, 255.67°
- CMYK
- 89.06%, 47.40%, 0.00%, 24.71%
- Temp.
- Cool
- Brightness
- 34.30%
- Text color
- #F7FFFF
CSS code for Poppy Midnight Light 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, #B92B27 0.00%, #1565C0 100.00%);background-image: linear-gradient(-45deg, #B92B27 0.00%, #1565C0 100.00%);