#A76B8B - #711C3B | 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 #A76B8B to #711C3B

#A76B8B #711C3B

Calculate the color between two colors, #A76B8B and #711C3B. 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)

#A76B8B - #711C3B | 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 #A76B8B as 0% and #711C3B as 100%.

0.0%	0.0% #A76B8B	RGB 167 107 139	#A76B8B
16.7%	16.7% #9E5D7D	RGB 158 93 125	#9E5D7D
33.3%	33.3% #955070	RGB 149 80 112	#955070
50.0%	50.0% #8C4363	RGB 140 67 99	#8C4363
66.7%	66.7% #833655	RGB 131 54 85	#833655
83.3%	83.3% #7A2948	RGB 122 41 72	#7A2948
100.0%	100.0% #711C3B	RGB 113 28 59	#711C3B

#A76B8B #9E5D7D #955070 #8C4363 #833655 #7A2948 #711C3B

#A76B8B - #711C3B

HSV Blend

#A76B8B - #711C3B | 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 #A76B8B as 0% and #711C3B as 100%.

0.0%	0.0% #A76B8B	RGB 167 107 139	#A76B8B
16.7%	16.7% #9E5A7C	RGB 158 90 124	#9E5A7C
33.3%	33.3% #954B6E	RGB 149 75 110	#954B6E
50.0%	50.0% #8C3E61	RGB 140 62 97	#8C3E61
66.7%	66.7% #833153	RGB 131 49 83	#833153
83.3%	83.3% #7A2647	RGB 122 38 71	#7A2647
100.0%	100.0% #711C3B	RGB 113 28 59	#711C3B

#A76B8B #9E5A7C #954B6E #8C3E61 #833153 #7A2647 #711C3B

#A76B8B - #8C3E61 - #711C3B

CSS codes

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

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