#A99D5E - #54451C | 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 #A99D5E to #54451C

#A99D5E #54451C

Calculate the color between two colors, #A99D5E and #54451C. 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)

#A99D5E - #54451C | 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 #A99D5E as 0% and #54451C as 100%.

0.0%	0.0% #A99D5E	RGB 169 157 94	#A99D5E
16.7%	16.7% #9A8E53	RGB 154 142 83	#9A8E53
33.3%	33.3% #8C7F48	RGB 140 127 72	#8C7F48
50.0%	50.0% #7E713D	RGB 126 113 61	#7E713D
66.7%	66.7% #706232	RGB 112 98 50	#706232
83.3%	83.3% #625327	RGB 98 83 39	#625327
100.0%	100.0% #54451C	RGB 84 69 28	#54451C

#A99D5E #9A8E53 #8C7F48 #7E713D #706232 #625327 #54451C

#A99D5E - #54451C

HSV Blend

#A99D5E - #54451C | 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 #A99D5E as 0% and #54451C as 100%.

0.0%	0.0% #A99D5E	RGB 169 157 94	#A99D5E
16.7%	16.7% #9A8D50	RGB 154 141 80	#9A8D50
33.3%	33.3% #8C7E43	RGB 140 126 67	#8C7E43
50.0%	50.0% #7E6F38	RGB 126 111 56	#7E6F38
66.7%	66.7% #70602D	RGB 112 96 45	#70602D
83.3%	83.3% #625224	RGB 98 82 36	#625224
100.0%	100.0% #54451C	RGB 84 69 28	#54451C

#A99D5E #9A8D50 #8C7E43 #7E6F38 #70602D #625224 #54451C

#A99D5E - #7E6F38 - #54451C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A99D5E 0%, #7E6F38 50%, #54451C 100%);
    background: -webkit-linear-gradient(top, #A99D5E 0%, #7E6F38 50%, #54451C 100%);
    background: linear-gradient(to bottom, #A99D5E 0%, #7E6F38 50%, #54451C 100%);
}
</style>