"Sapphire Fuchsia Wave" Gradient
Create gradient0% · #4568DC
- HEX
- #4568DC
- RGB
- 69, 104, 220
- HSL
- 226.09°, 68.33%, 56.67%
- OKLCH
- 0.5560, 0.1816, 267.50°
- CMYK
- 68.64%, 52.73%, 0.00%, 13.73%
- Temp.
- Cool
- Brightness
- 41.87%
- Text color
- #F7FFFF
100% · #B06AB3
- HEX
- #B06AB3
- RGB
- 176, 106, 179
- HSL
- 297.53°, 32.44%, 55.88%
- OKLCH
- 0.6269, 0.1316, 325.54°
- CMYK
- 1.68%, 40.78%, 0.00%, 29.80%
- Temp.
- Warm
- Brightness
- 53.04%
- Text color
- #F7FFFF
CSS code for Sapphire Fuchsia Wave 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, #4568DC 0.00%, #B06AB3 100.00%);background-image: linear-gradient(-45deg, #4568DC 0.00%, #B06AB3 100.00%);