"Midnight Ruby Ray" Gradient
Create gradient0% · #2196F3
- HEX
- #2196F3
- RGB
- 33, 150, 243
- HSL
- 206.57°, 89.74%, 54.12%
- OKLCH
- 0.6582, 0.1690, 248.81°
- CMYK
- 86.42%, 38.27%, 0.00%, 4.71%
- Temp.
- Cool
- Brightness
- 49.26%
- Text color
- #F7FFFF
100% · #F44336
- HEX
- #F44336
- RGB
- 244, 67, 54
- HSL
- 4.11°, 89.62%, 58.43%
- OKLCH
- 0.6427, 0.2153, 28.81°
- CMYK
- 0.00%, 72.54%, 77.87%, 4.31%
- Temp.
- Warm
- Brightness
- 46.45%
- Text color
- #F7FFFF
CSS code for Midnight Ruby Ray 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, #2196F3 0.00%, #F44336 100.00%);background-image: linear-gradient(-45deg, #2196F3 0.00%, #F44336 100.00%);