"Grape Azure Shore" Gradient
Create gradient0% · #5C258D
- HEX
- #5C258D
- RGB
- 92, 37, 141
- HSL
- 271.73°, 58.43%, 34.90%
- OKLCH
- 0.4007, 0.1630, 303.97°
- CMYK
- 34.75%, 73.76%, 0.00%, 44.71%
- Temp.
- Cool
- Brightness
- 25.61%
- Text color
- #F7FFFF
100% · #4389A2
- HEX
- #4389A2
- RGB
- 67, 137, 162
- HSL
- 195.79°, 41.48%, 44.90%
- OKLCH
- 0.5950, 0.0798, 224.02°
- CMYK
- 58.64%, 15.43%, 0.00%, 36.47%
- Temp.
- Cool
- Brightness
- 46.64%
- Text color
- #F7FFFF
CSS code for Grape Azure Shore 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, #5C258D 0.00%, #4389A2 100.00%);background-image: linear-gradient(-45deg, #5C258D 0.00%, #4389A2 100.00%);