"Ocean Peony Garden" Gradient
Create gradient0% · #16BFFD
- HEX
- #16BFFD
- RGB
- 22, 191, 253
- HSL
- 196.10°, 98.30%, 53.92%
- OKLCH
- 0.7556, 0.1498, 231.36°
- CMYK
- 91.30%, 24.51%, 0.00%, 0.78%
- Temp.
- Cool
- Brightness
- 57.86%
- Text color
- #F7FFFF
100% · #CB3066
- HEX
- #CB3066
- RGB
- 203, 48, 102
- HSL
- 339.10°, 61.75%, 49.22%
- OKLCH
- 0.5654, 0.1931, 5.32°
- CMYK
- 0.00%, 76.35%, 49.75%, 20.39%
- Temp.
- Warm
- Brightness
- 39.41%
- Text color
- #F7FFFF
CSS code for Ocean Peony Garden 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, #16BFFD 0.00%, #CB3066 100.00%);background-image: linear-gradient(-45deg, #16BFFD 0.00%, #CB3066 100.00%);