#A47F5E - #FEC37B | 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 #A47F5E to #FEC37B

#A47F5E #FEC37B

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

#A47F5E - #FEC37B | 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 #A47F5E as 0% and #FEC37B as 100%.

0.0%	0.0% #A47F5E	RGB 164 127 94	#A47F5E
16.7%	16.7% #B38A62	RGB 179 138 98	#B38A62
33.3%	33.3% #C29567	RGB 194 149 103	#C29567
50.0%	50.0% #D1A16C	RGB 209 161 108	#D1A16C
66.7%	66.7% #E0AC71	RGB 224 172 113	#E0AC71
83.3%	83.3% #EFB776	RGB 239 183 118	#EFB776
100.0%	100.0% #FEC37B	RGB 254 195 123	#FEC37B

#A47F5E #B38A62 #C29567 #D1A16C #E0AC71 #EFB776 #FEC37B

#A47F5E - #FEC37B

HSV Blend

#A47F5E - #FEC37B | 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 #A47F5E as 0% and #FEC37B as 100%.

0.0%	0.0% #A47F5E	RGB 164 127 94	#A47F5E
16.7%	16.7% #B38A63	RGB 179 138 99	#B38A63
33.3%	33.3% #C29569	RGB 194 149 105	#C29569
50.0%	50.0% #D1A06E	RGB 209 160 110	#D1A06E
66.7%	66.7% #E0AC73	RGB 224 172 115	#E0AC73
83.3%	83.3% #EFB777	RGB 239 183 119	#EFB777
100.0%	100.0% #FEC37B	RGB 254 195 123	#FEC37B

#A47F5E #B38A63 #C29569 #D1A06E #E0AC73 #EFB777 #FEC37B

#A47F5E - #D1A06E - #FEC37B

CSS codes

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

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