Colors Gradients Palettes Tools

"Terracotta Sand Ray" Gradient

Create gradient

by RasterDream

Type:
Linear
Angle:
-45°

0% · #F7971E

HEX
#F7971E
RGB
247, 151, 30
HSL
33.46°, 93.13%, 54.31%
OKLCH
0.7593, 0.1640, 64.36°
CMYK
0.00%, 38.87%, 87.85%, 3.14%
Temp.
Warm
Brightness
65.06%
Text color
#111827

100% · #FFD200

HEX
#FFD200
RGB
255, 210, 0
HSL
49.41°, 100.00%, 50.00%
OKLCH
0.8769, 0.1796, 93.13°
CMYK
0.00%, 17.65%, 100.00%, 0.00%
Temp.
Warm
Brightness
78.24%
Text color
#111827

CSS code for Terracotta Sand Ray 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, #F7971E 0.00%, #FFD200 100.00%);
Background image
background-image: linear-gradient(-45deg, #F7971E 0.00%, #FFD200 100.00%);