#B7A8B7 - #86547E | 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 #B7A8B7 to #86547E

#B7A8B7 #86547E

Calculate the color between two colors, #B7A8B7 and #86547E. 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)

#B7A8B7 - #86547E | 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 #B7A8B7 as 0% and #86547E as 100%.

0.0%	0.0% #B7A8B7	RGB 183 168 183	#B7A8B7
16.7%	16.7% #AE9AAD	RGB 174 154 173	#AE9AAD
33.3%	33.3% #A68CA4	RGB 166 140 164	#A68CA4
50.0%	50.0% #9E7E9A	RGB 158 126 154	#9E7E9A
66.7%	66.7% #967091	RGB 150 112 145	#967091
83.3%	83.3% #8E6287	RGB 142 98 135	#8E6287
100.0%	100.0% #86547E	RGB 134 84 126	#86547E

#B7A8B7 #AE9AAD #A68CA4 #9E7E9A #967091 #8E6287 #86547E

#B7A8B7 - #86547E

HSV Blend

#B7A8B7 - #86547E | 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 #B7A8B7 as 0% and #86547E as 100%.

0.0%	0.0% #B7A8B7	RGB 183 168 183	#B7A8B7
16.7%	16.7% #AE98AE	RGB 174 152 174	#AE98AE
33.3%	33.3% #A688A5	RGB 166 136 165	#A688A5
50.0%	50.0% #9E7A9B	RGB 158 122 155	#9E7A9B
66.7%	66.7% #966C91	RGB 150 108 145	#966C91
83.3%	83.3% #8E6088	RGB 142 96 136	#8E6088
100.0%	100.0% #86547E	RGB 134 84 126	#86547E

#B7A8B7 #AE98AE #A688A5 #9E7A9B #966C91 #8E6088 #86547E

#B7A8B7 - #9E7A9B - #86547E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7A8B7 0%, #9E7A9B 50%, #86547E 100%);
    background: -webkit-linear-gradient(top, #B7A8B7 0%, #9E7A9B 50%, #86547E 100%);
    background: linear-gradient(to bottom, #B7A8B7 0%, #9E7A9B 50%, #86547E 100%);
}
</style>