"Pumpkin Midnight Spark" Gradient
Create gradient0% · #F3904F
- HEX
- #F3904F
- RGB
- 243, 144, 79
- HSL
- 23.78°, 87.23%, 63.14%
- OKLCH
- 0.7461, 0.1441, 52.01°
- CMYK
- 0.00%, 40.74%, 67.49%, 4.71%
- Temp.
- Warm
- Brightness
- 65.17%
- Text color
- #111827
100% · #3B4371
- HEX
- #3B4371
- RGB
- 59, 67, 113
- HSL
- 231.11°, 31.40%, 33.73%
- OKLCH
- 0.3982, 0.0782, 274.82°
- CMYK
- 47.79%, 40.71%, 0.00%, 55.69%
- Temp.
- Cool
- Brightness
- 27.39%
- Text color
- #F7FFFF
CSS code for Pumpkin Midnight Spark 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, #F3904F 0.00%, #3B4371 100.00%);background-image: linear-gradient(-45deg, #F3904F 0.00%, #3B4371 100.00%);