#B6B2B5 - #7B5D89 | 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 #B6B2B5 to #7B5D89

#B6B2B5 #7B5D89

Calculate the color between two colors, #B6B2B5 and #7B5D89. 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)

#B6B2B5 - #7B5D89 | 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 #B6B2B5 as 0% and #7B5D89 as 100%.

0.0%	0.0% #B6B2B5	RGB 182 178 181	#B6B2B5
16.7%	16.7% #ACA3AD	RGB 172 163 173	#ACA3AD
33.3%	33.3% #A295A6	RGB 162 149 166	#A295A6
50.0%	50.0% #98879F	RGB 152 135 159	#98879F
66.7%	66.7% #8E7997	RGB 142 121 151	#8E7997
83.3%	83.3% #846B90	RGB 132 107 144	#846B90
100.0%	100.0% #7B5D89	RGB 123 93 137	#7B5D89

#B6B2B5 #ACA3AD #A295A6 #98879F #8E7997 #846B90 #7B5D89

#B6B2B5 - #7B5D89

HSV Blend

#B6B2B5 - #7B5D89 | 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 #B6B2B5 as 0% and #7B5D89 as 100%.

0.0%	0.0% #B6B2B5	RGB 182 178 181	#B6B2B5
16.7%	16.7% #AEA1AC	RGB 174 161 172	#AEA1AC
33.3%	33.3% #A792A5	RGB 167 146 165	#A792A5
50.0%	50.0% #9E849F	RGB 158 132 159	#9E849F
66.7%	66.7% #937698	RGB 147 118 152	#937698
83.3%	83.3% #876990	RGB 135 105 144	#876990
100.0%	100.0% #7B5D89	RGB 123 93 137	#7B5D89

#B6B2B5 #AEA1AC #A792A5 #9E849F #937698 #876990 #7B5D89

#B6B2B5 - #9E849F - #7B5D89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B2B5 0%, #9E849F 50%, #7B5D89 100%);
    background: -webkit-linear-gradient(top, #B6B2B5 0%, #9E849F 50%, #7B5D89 100%);
    background: linear-gradient(to bottom, #B6B2B5 0%, #9E849F 50%, #7B5D89 100%);
}
</style>