#AC5E01 - #FCC500 | 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 #AC5E01 to #FCC500

#AC5E01 #FCC500

Calculate the color between two colors, #AC5E01 and #FCC500. 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)

#AC5E01 - #FCC500 | 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 #AC5E01 as 0% and #FCC500 as 100%.

0.0%	0.0% #AC5E01	RGB 172 94 1	#AC5E01
16.7%	16.7% #B96F00	RGB 185 111 0	#B96F00
33.3%	33.3% #C68000	RGB 198 128 0	#C68000
50.0%	50.0% #D49100	RGB 212 145 0	#D49100
66.7%	66.7% #E1A200	RGB 225 162 0	#E1A200
83.3%	83.3% #EEB300	RGB 238 179 0	#EEB300
100.0%	100.0% #FCC500	RGB 252 197 0	#FCC500

#AC5E01 #B96F00 #C68000 #D49100 #E1A200 #EEB300 #FCC500

#AC5E01 - #FCC500

HSV Blend

#AC5E01 - #FCC500 | 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 #AC5E01 as 0% and #FCC500 as 100%.

0.0%	0.0% #AC5E01	RGB 172 94 1	#AC5E01
16.7%	16.7% #B96C00	RGB 185 108 0	#B96C00
33.3%	33.3% #C67C00	RGB 198 124 0	#C67C00
50.0%	50.0% #D48C00	RGB 212 140 0	#D48C00
66.7%	66.7% #E19E00	RGB 225 158 0	#E19E00
83.3%	83.3% #EEB100	RGB 238 177 0	#EEB100
100.0%	100.0% #FCC500	RGB 252 197 0	#FCC500

#AC5E01 #B96C00 #C67C00 #D48C00 #E19E00 #EEB100 #FCC500

#AC5E01 - #D48C00 - #FCC500

CSS codes

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

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