#A17C7E - #832A2B | 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 #A17C7E to #832A2B

#A17C7E #832A2B

Calculate the color between two colors, #A17C7E and #832A2B. 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)

#A17C7E - #832A2B | 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 #A17C7E as 0% and #832A2B as 100%.

0.0%	0.0% #A17C7E	RGB 161 124 126	#A17C7E
16.7%	16.7% #9C6E70	RGB 156 110 112	#9C6E70
33.3%	33.3% #976062	RGB 151 96 98	#976062
50.0%	50.0% #925354	RGB 146 83 84	#925354
66.7%	66.7% #8D4546	RGB 141 69 70	#8D4546
83.3%	83.3% #883738	RGB 136 55 56	#883738
100.0%	100.0% #832A2B	RGB 131 42 43	#832A2B

#A17C7E #9C6E70 #976062 #925354 #8D4546 #883738 #832A2B

#A17C7E - #832A2B

HSV Blend

#A17C7E - #832A2B | 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 #A17C7E as 0% and #832A2B as 100%.

0.0%	0.0% #A17C7E	RGB 161 124 126	#A17C7E
16.7%	16.7% #9C6C6E	RGB 156 108 110	#9C6C6E
33.3%	33.3% #975D5F	RGB 151 93 95	#975D5F
50.0%	50.0% #924F51	RGB 146 79 81	#924F51
66.7%	66.7% #8D4244	RGB 141 66 68	#8D4244
83.3%	83.3% #883537	RGB 136 53 55	#883537
100.0%	100.0% #832A2B	RGB 131 42 43	#832A2B

#A17C7E #9C6C6E #975D5F #924F51 #8D4244 #883537 #832A2B

#A17C7E - #924F51 - #832A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A17C7E 0%, #924F51 50%, #832A2B 100%);
    background: -webkit-linear-gradient(top, #A17C7E 0%, #924F51 50%, #832A2B 100%);
    background: linear-gradient(to bottom, #A17C7E 0%, #924F51 50%, #832A2B 100%);
}
</style>