#B6A2AB - #8C4D77 | 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 #B6A2AB to #8C4D77

#B6A2AB #8C4D77

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

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

0.0%	0.0% #B6A2AB	RGB 182 162 171	#B6A2AB
16.7%	16.7% #AF93A2	RGB 175 147 162	#AF93A2
33.3%	33.3% #A88599	RGB 168 133 153	#A88599
50.0%	50.0% #A17791	RGB 161 119 145	#A17791
66.7%	66.7% #9A6988	RGB 154 105 136	#9A6988
83.3%	83.3% #935B7F	RGB 147 91 127	#935B7F
100.0%	100.0% #8C4D77	RGB 140 77 119	#8C4D77

#B6A2AB #AF93A2 #A88599 #A17791 #9A6988 #935B7F #8C4D77

#B6A2AB - #8C4D77

HSV Blend

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

0.0%	0.0% #B6A2AB	RGB 182 162 171	#B6A2AB
16.7%	16.7% #AF91A0	RGB 175 145 160	#AF91A0
33.3%	33.3% #A88296	RGB 168 130 150	#A88296
50.0%	50.0% #A1738D	RGB 161 115 141	#A1738D
66.7%	66.7% #9A6684	RGB 154 102 132	#9A6684
83.3%	83.3% #93597D	RGB 147 89 125	#93597D
100.0%	100.0% #8C4D77	RGB 140 77 119	#8C4D77

#B6A2AB #AF91A0 #A88296 #A1738D #9A6684 #93597D #8C4D77

#B6A2AB - #A1738D - #8C4D77

CSS codes

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

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