Colors Gradients Palettes Tools

"Brick Sand Frost" Gradient

Create gradient

by pixeloop

Type:
Linear
Angle:
-45°

0% · #FD6E6A

HEX
#FD6E6A
RGB
253, 110, 106
HSL
1.63°, 97.35%, 70.39%
OKLCH
0.7124, 0.1759, 24.18°
CMYK
0.00%, 56.52%, 58.10%, 0.78%
Temp.
Warm
Brightness
59.73%
Text color
#111827

100% · #FFC600

HEX
#FFC600
RGB
255, 198, 0
HSL
46.59°, 100.00%, 50.00%
OKLCH
0.8536, 0.1745, 87.53°
CMYK
0.00%, 22.35%, 100.00%, 0.00%
Temp.
Warm
Brightness
75.48%
Text color
#111827

CSS code for Brick Sand Frost 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, #FD6E6A 0.00%, #FFC600 100.00%);
Background image
background-image: linear-gradient(-45deg, #FD6E6A 0.00%, #FFC600 100.00%);