#A49292 - #8C493C | 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 #A49292 to #8C493C

#A49292 #8C493C

Calculate the color between two colors, #A49292 and #8C493C. 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)

#A49292 - #8C493C | 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 #A49292 as 0% and #8C493C as 100%.

0.0%	0.0% #A49292	RGB 164 146 146	#A49292
16.7%	16.7% #A08583	RGB 160 133 131	#A08583
33.3%	33.3% #9C7975	RGB 156 121 117	#9C7975
50.0%	50.0% #986D67	RGB 152 109 103	#986D67
66.7%	66.7% #946158	RGB 148 97 88	#946158
83.3%	83.3% #90554A	RGB 144 85 74	#90554A
100.0%	100.0% #8C493C	RGB 140 73 60	#8C493C

#A49292 #A08583 #9C7975 #986D67 #946158 #90554A #8C493C

#A49292 - #8C493C

HSV Blend

#A49292 - #8C493C | 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 #A49292 as 0% and #8C493C as 100%.

0.0%	0.0% #A49292	RGB 164 146 146	#A49292
16.7%	16.7% #A08282	RGB 160 130 130	#A08282
33.3%	33.3% #9C7572	RGB 156 117 114	#9C7572
50.0%	50.0% #986864	RGB 152 104 100	#986864
66.7%	66.7% #945C56	RGB 148 92 86	#945C56
83.3%	83.3% #905248	RGB 144 82 72	#905248
100.0%	100.0% #8C493C	RGB 140 73 60	#8C493C

#A49292 #A08282 #9C7572 #986864 #945C56 #905248 #8C493C

#A49292 - #986864 - #8C493C

CSS codes

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

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