#BDBCBC - #8D698F | 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 #BDBCBC to #8D698F

#BDBCBC #8D698F

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

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

0.0%	0.0% #BDBCBC	RGB 189 188 188	#BDBCBC
16.7%	16.7% #B5AEB4	RGB 181 174 180	#B5AEB4
33.3%	33.3% #ADA0AD	RGB 173 160 173	#ADA0AD
50.0%	50.0% #A592A5	RGB 165 146 165	#A592A5
66.7%	66.7% #9D849E	RGB 157 132 158	#9D849E
83.3%	83.3% #957696	RGB 149 118 150	#957696
100.0%	100.0% #8D698F	RGB 141 105 143	#8D698F

#BDBCBC #B5AEB4 #ADA0AD #A592A5 #9D849E #957696 #8D698F

#BDBCBC - #8D698F

HSV Blend

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

0.0%	0.0% #BDBCBC	RGB 189 188 188	#BDBCBC
16.7%	16.7% #B5ACAE	RGB 181 172 174	#B5ACAE
33.3%	33.3% #AD9DA3	RGB 173 157 163	#AD9DA3
50.0%	50.0% #A68F9B	RGB 166 143 155	#A68F9B
66.7%	66.7% #9E8295	RGB 158 130 149	#9E8295
83.3%	83.3% #967592	RGB 150 117 146	#967592
100.0%	100.0% #8D698F	RGB 141 105 143	#8D698F

#BDBCBC #B5ACAE #AD9DA3 #A68F9B #9E8295 #967592 #8D698F

#BDBCBC - #A68F9B - #8D698F

CSS codes

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

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