#A85C5C - #812217 | 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 #A85C5C to #812217

#A85C5C #812217

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

#A85C5C - #812217 | 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 #A85C5C as 0% and #812217 as 100%.

0.0%	0.0% #A85C5C	RGB 168 92 92	#A85C5C
16.7%	16.7% #A15250	RGB 161 82 80	#A15250
33.3%	33.3% #9B4845	RGB 155 72 69	#9B4845
50.0%	50.0% #943F39	RGB 148 63 57	#943F39
66.7%	66.7% #8E352E	RGB 142 53 46	#8E352E
83.3%	83.3% #872B22	RGB 135 43 34	#872B22
100.0%	100.0% #812217	RGB 129 34 23	#812217

#A85C5C #A15250 #9B4845 #943F39 #8E352E #872B22 #812217

#A85C5C - #812217

HSV Blend

#A85C5C - #812217 | 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 #A85C5C as 0% and #812217 as 100%.

0.0%	0.0% #A85C5C	RGB 168 92 92	#A85C5C
16.7%	16.7% #A14F4E	RGB 161 79 78	#A14F4E
33.3%	33.3% #9B4441	RGB 155 68 65	#9B4441
50.0%	50.0% #943A35	RGB 148 58 53	#943A35
66.7%	66.7% #8E312A	RGB 142 49 42	#8E312A
83.3%	83.3% #872920	RGB 135 41 32	#872920
100.0%	100.0% #812217	RGB 129 34 23	#812217

#A85C5C #A14F4E #9B4441 #943A35 #8E312A #872920 #812217

#A85C5C - #943A35 - #812217

CSS codes

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

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