#A76F6B - #71301C | 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 #A76F6B to #71301C

#A76F6B #71301C

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

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

0.0%	0.0% #A76F6B	RGB 167 111 107	#A76F6B
16.7%	16.7% #9E645D	RGB 158 100 93	#9E645D
33.3%	33.3% #955A50	RGB 149 90 80	#955A50
50.0%	50.0% #8C4F43	RGB 140 79 67	#8C4F43
66.7%	66.7% #834536	RGB 131 69 54	#834536
83.3%	83.3% #7A3A29	RGB 122 58 41	#7A3A29
100.0%	100.0% #71301C	RGB 113 48 28	#71301C

#A76F6B #9E645D #955A50 #8C4F43 #834536 #7A3A29 #71301C

#A76F6B - #71301C

HSV Blend

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

0.0%	0.0% #A76F6B	RGB 167 111 107	#A76F6B
16.7%	16.7% #9E615A	RGB 158 97 90	#9E615A
33.3%	33.3% #95544B	RGB 149 84 75	#95544B
50.0%	50.0% #8C493E	RGB 140 73 62	#8C493E
66.7%	66.7% #834031	RGB 131 64 49	#834031
83.3%	83.3% #7A3726	RGB 122 55 38	#7A3726
100.0%	100.0% #71301C	RGB 113 48 28	#71301C

#A76F6B #9E615A #95544B #8C493E #834031 #7A3726 #71301C

#A76F6B - #8C493E - #71301C

CSS codes

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

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