"Olive Marine Veil" Gradient
Create gradient0% · #348F50
- HEX
- #348F50
- RGB
- 52, 143, 80
- HSL
- 138.46°, 46.67%, 38.24%
- OKLCH
- 0.5798, 0.1287, 150.44°
- CMYK
- 63.64%, 0.00%, 44.06%, 43.92%
- Temp.
- Cool
- Brightness
- 42.59%
- Text color
- #F7FFFF
100% · #56B4D3
- HEX
- #56B4D3
- RGB
- 86, 180, 211
- HSL
- 194.88°, 58.69%, 58.24%
- OKLCH
- 0.7250, 0.0991, 222.41°
- CMYK
- 59.24%, 14.69%, 0.00%, 17.25%
- Temp.
- Cool
- Brightness
- 60.95%
- Text color
- #111827
CSS code for Olive Marine Veil 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, #348F50 0.00%, #56B4D3 100.00%);background-image: linear-gradient(-45deg, #348F50 0.00%, #56B4D3 100.00%);