Colors Gradients Palettes Tools

"Turquoise Denim Horizon" Gradient

Create gradient

by ChromaNova

Type:
Linear
Angle:
-45°

0% · #00D2FF

HEX
#00D2FF
RGB
0, 210, 255
HSL
190.59°, 100.00%, 50.00%
OKLCH
0.7996, 0.1463, 220.71°
CMYK
100.00%, 17.65%, 0.00%, 0.00%
Temp.
Cool
Brightness
59.74%
Text color
#111827

100% · #3A7BD5

HEX
#3A7BD5
RGB
58, 123, 213
HSL
214.84°, 64.85%, 53.14%
OKLCH
0.5862, 0.1533, 257.23°
CMYK
72.77%, 42.25%, 0.00%, 16.47%
Temp.
Cool
Brightness
44.64%
Text color
#F7FFFF

CSS code for Turquoise Denim Horizon 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, #00D2FF 0.00%, #3A7BD5 100.00%);
Background image
background-image: linear-gradient(-45deg, #00D2FF 0.00%, #3A7BD5 100.00%);