Colors Gradients Palettes Tools

"Saffron Turquoise Flare" Gradient

Create gradient

by Vector000

Type:
Linear
Angle:
-45°

0% · #C0C0AA

HEX
#C0C0AA
RGB
192, 192, 170
HSL
60.00°, 14.86%, 70.98%
OKLCH
0.8018, 0.0302, 107.06°
CMYK
0.00%, 0.00%, 11.46%, 24.71%
Temp.
Warm
Brightness
74.31%
Text color
#111827

100% · #1CEFFF

HEX
#1CEFFF
RGB
28, 239, 255
HSL
184.23°, 100.00%, 55.49%
OKLCH
0.8690, 0.1453, 203.63°
CMYK
89.02%, 6.27%, 0.00%, 0.00%
Temp.
Cool
Brightness
69.70%
Text color
#111827

CSS code for Saffron Turquoise Flare 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
background: linear-gradient(-45deg, #C0C0AA 0.00%, #1CEFFF 100.00%);
Background image
background-image: linear-gradient(-45deg, #C0C0AA 0.00%, #1CEFFF 100.00%);