#BDB8C5 - #735E7E | 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 #BDB8C5 to #735E7E

#BDB8C5 #735E7E

Calculate the color between two colors, #BDB8C5 and #735E7E. 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)

#BDB8C5 - #735E7E | 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 #BDB8C5 as 0% and #735E7E as 100%.

0.0%	0.0% #BDB8C5	RGB 189 184 197	#BDB8C5
16.7%	16.7% #B0A9B9	RGB 176 169 185	#B0A9B9
33.3%	33.3% #A49AAD	RGB 164 154 173	#A49AAD
50.0%	50.0% #988BA1	RGB 152 139 161	#988BA1
66.7%	66.7% #8B7C95	RGB 139 124 149	#8B7C95
83.3%	83.3% #7F6D89	RGB 127 109 137	#7F6D89
100.0%	100.0% #735E7E	RGB 115 94 126	#735E7E

#BDB8C5 #B0A9B9 #A49AAD #988BA1 #8B7C95 #7F6D89 #735E7E

#BDB8C5 - #735E7E

HSV Blend

#BDB8C5 - #735E7E | 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 #BDB8C5 as 0% and #735E7E as 100%.

0.0%	0.0% #BDB8C5	RGB 189 184 197	#BDB8C5
16.7%	16.7% #AEA7B9	RGB 174 167 185	#AEA7B9
33.3%	33.3% #A197AD	RGB 161 151 173	#A197AD
50.0%	50.0% #9587A1	RGB 149 135 161	#9587A1
66.7%	66.7% #897995	RGB 137 121 149	#897995
83.3%	83.3% #7D6B89	RGB 125 107 137	#7D6B89
100.0%	100.0% #735E7E	RGB 115 94 126	#735E7E

#BDB8C5 #AEA7B9 #A197AD #9587A1 #897995 #7D6B89 #735E7E

#BDB8C5 - #9587A1 - #735E7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDB8C5 0%, #9587A1 50%, #735E7E 100%);
    background: -webkit-linear-gradient(top, #BDB8C5 0%, #9587A1 50%, #735E7E 100%);
    background: linear-gradient(to bottom, #BDB8C5 0%, #9587A1 50%, #735E7E 100%);
}
</style>