Colors Gradients Palettes Tools

"Pine Turquoise Dawn" Gradient

Create gradient

by ShadeProtocol

Type:
Linear
Angle:
-45°

0% · #B0F9A9

HEX
#B0F9A9
RGB
176, 249, 169
HSL
114.75°, 86.96%, 81.96%
OKLCH
0.9145, 0.1291, 142.36°
CMYK
29.32%, 0.00%, 32.13%, 2.35%
Temp.
Cool
Brightness
85.51%
Text color
#111827

100% · #17F9F2

HEX
#17F9F2
RGB
23, 249, 242
HSL
178.14°, 94.96%, 53.33%
OKLCH
0.8878, 0.1508, 191.12°
CMYK
90.76%, 0.00%, 2.81%, 2.35%
Temp.
Cool
Brightness
70.83%
Text color
#111827

CSS code for Pine Turquoise Dawn 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, #B0F9A9 0.00%, #17F9F2 100.00%);
Background image
background-image: linear-gradient(-45deg, #B0F9A9 0.00%, #17F9F2 100.00%);