#B6AFB5 - #8A5A8C | 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 #B6AFB5 to #8A5A8C

#B6AFB5 #8A5A8C

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

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

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #AEA0AE	RGB 174 160 174	#AEA0AE
33.3%	33.3% #A792A7	RGB 167 146 167	#A792A7
50.0%	50.0% #A084A0	RGB 160 132 160	#A084A0
66.7%	66.7% #987699	RGB 152 118 153	#987699
83.3%	83.3% #916892	RGB 145 104 146	#916892
100.0%	100.0% #8A5A8C	RGB 138 90 140	#8A5A8C

#B6AFB5 #AEA0AE #A792A7 #A084A0 #987699 #916892 #8A5A8C

#B6AFB5 - #8A5A8C

HSV Blend

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

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #AF9EAD	RGB 175 158 173	#AF9EAD
33.3%	33.3% #A88FA6	RGB 168 143 166	#A88FA6
50.0%	50.0% #A1819F	RGB 161 129 159	#A1819F
66.7%	66.7% #9A7399	RGB 154 115 153	#9A7399
83.3%	83.3% #926693	RGB 146 102 147	#926693
100.0%	100.0% #8A5A8C	RGB 138 90 140	#8A5A8C

#B6AFB5 #AF9EAD #A88FA6 #A1819F #9A7399 #926693 #8A5A8C

#B6AFB5 - #A1819F - #8A5A8C

CSS codes

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

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