"Ruby Amber Shore" Gradient
Create gradient0% · #FF5F6D
- HEX
- #FF5F6D
- RGB
- 255, 95, 109
- HSL
- 354.75°, 100.00%, 68.63%
- OKLCH
- 0.6974, 0.1942, 18.63°
- CMYK
- 0.00%, 62.75%, 57.25%, 0.00%
- Temp.
- Warm
- Brightness
- 56.64%
- Text color
- #F7FFFF
100% · #FFC371
- HEX
- #FFC371
- RGB
- 255, 195, 113
- HSL
- 34.65°, 100.00%, 72.16%
- OKLCH
- 0.8550, 0.1209, 73.60°
- CMYK
- 0.00%, 23.53%, 55.69%, 0.00%
- Temp.
- Warm
- Brightness
- 79.84%
- Text color
- #111827
CSS code for Ruby Amber 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, #FF5F6D 0.00%, #FFC371 100.00%);background-image: linear-gradient(-45deg, #FF5F6D 0.00%, #FFC371 100.00%);