"Plum Amber Dream" Gradient
Create gradient0% · #833AB4
- HEX
- #833AB4
- RGB
- 131, 58, 180
- HSL
- 275.90°, 51.26%, 46.67%
- OKLCH
- 0.5042, 0.1881, 308.56°
- CMYK
- 27.22%, 67.78%, 0.00%, 29.41%
- Temp.
- Cool
- Brightness
- 36.76%
- Text color
- #F7FFFF
100% · #FCB045
- HEX
- #FCB045
- RGB
- 252, 176, 69
- HSL
- 35.08°, 96.83%, 62.94%
- OKLCH
- 0.8119, 0.1478, 71.76°
- CMYK
- 0.00%, 30.16%, 72.62%, 1.18%
- Temp.
- Warm
- Brightness
- 73.15%
- Text color
- #111827
CSS code for Plum Amber 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, #833AB4 0.00%, #FCB045 100.00%);background-image: linear-gradient(-45deg, #833AB4 0.00%, #FCB045 100.00%);