Colors Gradients Palettes Tools

"Rose Apricot Field" Gradient

Create gradient

by fluxology

Type:
Linear
Angle:
-45°

0% · #FC4A1A

HEX
#FC4A1A
RGB
252, 74, 26
HSL
12.74°, 97.41%, 54.51%
OKLCH
0.6605, 0.2211, 34.70°
CMYK
0.00%, 70.63%, 89.68%, 1.18%
Temp.
Warm
Brightness
47.75%
Text color
#F7FFFF

100% · #F7B733

HEX
#F7B733
RGB
247, 183, 51
HSL
40.41°, 92.45%, 58.43%
OKLCH
0.8182, 0.1551, 80.46°
CMYK
0.00%, 25.91%, 79.35%, 3.14%
Temp.
Warm
Brightness
73.37%
Text color
#111827

CSS code for Rose Apricot Field 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, #FC4A1A 0.00%, #F7B733 100.00%);
Background image
background-image: linear-gradient(-45deg, #FC4A1A 0.00%, #F7B733 100.00%);