#DFB23C - #A2750E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #DFB23C to #A2750E

#DFB23C #A2750E

Calculate the color between two colors, #DFB23C and #A2750E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#DFB23C - #A2750E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #DFB23C as 0% and #A2750E as 100%.

0.0%	0.0% #DFB23C	RGB 223 178 60	#DFB23C
16.7%	16.7% #D4A734	RGB 212 167 52	#D4A734
33.3%	33.3% #CA9D2C	RGB 202 157 44	#CA9D2C
50.0%	50.0% #C09325	RGB 192 147 37	#C09325
66.7%	66.7% #B6891D	RGB 182 137 29	#B6891D
83.3%	83.3% #AC7F15	RGB 172 127 21	#AC7F15
100.0%	100.0% #A2750E	RGB 162 117 14	#A2750E

#DFB23C #D4A734 #CA9D2C #C09325 #B6891D #AC7F15 #A2750E

#DFB23C - #A2750E

HSV Blend

#DFB23C - #A2750E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #DFB23C as 0% and #A2750E as 100%.

0.0%	0.0% #DFB23C	RGB 223 178 60	#DFB23C
16.7%	16.7% #D4A732	RGB 212 167 50	#D4A732
33.3%	33.3% #CA9C2A	RGB 202 156 42	#CA9C2A
50.0%	50.0% #C09222	RGB 192 146 34	#C09222
66.7%	66.7% #B6881A	RGB 182 136 26	#B6881A
83.3%	83.3% #AC7E14	RGB 172 126 20	#AC7E14
100.0%	100.0% #A2750E	RGB 162 117 14	#A2750E

#DFB23C #D4A732 #CA9C2A #C09222 #B6881A #AC7E14 #A2750E

#DFB23C - #C09222 - #A2750E

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #DFB23C 0%, #A2750E 100%);
    background: -webkit-linear-gradient(top, #DFB23C 0%, #A2750E 100%);
    background: linear-gradient(to bottom, #DFB23C 0%, #A2750E 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFB23C 0%, #C09222 50%, #A2750E 100%);
    background: -webkit-linear-gradient(top, #DFB23C 0%, #C09222 50%, #A2750E 100%);
    background: linear-gradient(to bottom, #DFB23C 0%, #C09222 50%, #A2750E 100%);
}
</style>