Colors Gradients Palettes Tools

"Turquoise Leaf Spark" Gradient

Create gradient

by pixeloop

Type:
Linear
Angle:
-45°

0% · #11998E

HEX
#11998E
RGB
17, 153, 142
HSL
175.15°, 80.00%, 33.33%
OKLCH
0.6158, 0.1054, 185.75°
CMYK
88.89%, 0.00%, 7.19%, 40.00%
Temp.
Cool
Brightness
43.56%
Text color
#F7FFFF

100% · #38EF7D

HEX
#38EF7D
RGB
56, 239, 125
HSL
142.62°, 85.12%, 57.84%
OKLCH
0.8389, 0.2113, 150.66°
CMYK
76.57%, 0.00%, 47.70%, 6.27%
Temp.
Cool
Brightness
67.17%
Text color
#111827

CSS code for Turquoise Leaf Spark 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, #11998E 0.00%, #38EF7D 100.00%);
Background image
background-image: linear-gradient(-45deg, #11998E 0.00%, #38EF7D 100.00%);