#B6A2AE - #8C4D7F | 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 #B6A2AE to #8C4D7F

#B6A2AE #8C4D7F

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

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

0.0%	0.0% #B6A2AE	RGB 182 162 174	#B6A2AE
16.7%	16.7% #AF93A6	RGB 175 147 166	#AF93A6
33.3%	33.3% #A8859E	RGB 168 133 158	#A8859E
50.0%	50.0% #A17796	RGB 161 119 150	#A17796
66.7%	66.7% #9A698E	RGB 154 105 142	#9A698E
83.3%	83.3% #935B86	RGB 147 91 134	#935B86
100.0%	100.0% #8C4D7F	RGB 140 77 127	#8C4D7F

#B6A2AE #AF93A6 #A8859E #A17796 #9A698E #935B86 #8C4D7F

#B6A2AE - #8C4D7F

HSV Blend

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

0.0%	0.0% #B6A2AE	RGB 182 162 174	#B6A2AE
16.7%	16.7% #AF91A4	RGB 175 145 164	#AF91A4
33.3%	33.3% #A8829B	RGB 168 130 155	#A8829B
50.0%	50.0% #A17393	RGB 161 115 147	#A17393
66.7%	66.7% #9A668B	RGB 154 102 139	#9A668B
83.3%	83.3% #935985	RGB 147 89 133	#935985
100.0%	100.0% #8C4D7F	RGB 140 77 127	#8C4D7F

#B6A2AE #AF91A4 #A8829B #A17393 #9A668B #935985 #8C4D7F

#B6A2AE - #A17393 - #8C4D7F

CSS codes

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

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