#B6B5B8 - #644B7E | 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 #B6B5B8 to #644B7E

#B6B5B8 #644B7E

Calculate the color between two colors, #B6B5B8 and #644B7E. 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)

#B6B5B8 - #644B7E | 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 #B6B5B8 as 0% and #644B7E as 100%.

0.0%	0.0% #B6B5B8	RGB 182 181 184	#B6B5B8
16.7%	16.7% #A8A3AE	RGB 168 163 174	#A8A3AE
33.3%	33.3% #9A91A4	RGB 154 145 164	#9A91A4
50.0%	50.0% #8D809B	RGB 141 128 155	#8D809B
66.7%	66.7% #7F6E91	RGB 127 110 145	#7F6E91
83.3%	83.3% #715C87	RGB 113 92 135	#715C87
100.0%	100.0% #644B7E	RGB 100 75 126	#644B7E

#B6B5B8 #A8A3AE #9A91A4 #8D809B #7F6E91 #715C87 #644B7E

#B6B5B8 - #644B7E

HSV Blend

#B6B5B8 - #644B7E | 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 #B6B5B8 as 0% and #644B7E as 100%.

0.0%	0.0% #B6B5B8	RGB 182 181 184	#B6B5B8
16.7%	16.7% #A5A0AE	RGB 165 160 174	#A5A0AE
33.3%	33.3% #958CA4	RGB 149 140 164	#958CA4
50.0%	50.0% #877A9B	RGB 135 122 155	#877A9B
66.7%	66.7% #7A6991	RGB 122 105 145	#7A6991
83.3%	83.3% #6E5987	RGB 110 89 135	#6E5987
100.0%	100.0% #644B7E	RGB 100 75 126	#644B7E

#B6B5B8 #A5A0AE #958CA4 #877A9B #7A6991 #6E5987 #644B7E

#B6B5B8 - #877A9B - #644B7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B5B8 0%, #877A9B 50%, #644B7E 100%);
    background: -webkit-linear-gradient(top, #B6B5B8 0%, #877A9B 50%, #644B7E 100%);
    background: linear-gradient(to bottom, #B6B5B8 0%, #877A9B 50%, #644B7E 100%);
}
</style>