#BCB5C5 - #705B7E | 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 #BCB5C5 to #705B7E

#BCB5C5 #705B7E

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

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

0.0%	0.0% #BCB5C5	RGB 188 181 197	#BCB5C5
16.7%	16.7% #AFA6B9	RGB 175 166 185	#AFA6B9
33.3%	33.3% #A297AD	RGB 162 151 173	#A297AD
50.0%	50.0% #9688A1	RGB 150 136 161	#9688A1
66.7%	66.7% #897995	RGB 137 121 149	#897995
83.3%	83.3% #7C6A89	RGB 124 106 137	#7C6A89
100.0%	100.0% #705B7E	RGB 112 91 126	#705B7E

#BCB5C5 #AFA6B9 #A297AD #9688A1 #897995 #7C6A89 #705B7E

#BCB5C5 - #705B7E

HSV Blend

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

0.0%	0.0% #BCB5C5	RGB 188 181 197	#BCB5C5
16.7%	16.7% #ADA4B9	RGB 173 164 185	#ADA4B9
33.3%	33.3% #A093AD	RGB 160 147 173	#A093AD
50.0%	50.0% #9384A1	RGB 147 132 161	#9384A1
66.7%	66.7% #877595	RGB 135 117 149	#877595
83.3%	83.3% #7B6889	RGB 123 104 137	#7B6889
100.0%	100.0% #705B7E	RGB 112 91 126	#705B7E

#BCB5C5 #ADA4B9 #A093AD #9384A1 #877595 #7B6889 #705B7E

#BCB5C5 - #9384A1 - #705B7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB5C5 0%, #9384A1 50%, #705B7E 100%);
    background: -webkit-linear-gradient(top, #BCB5C5 0%, #9384A1 50%, #705B7E 100%);
    background: linear-gradient(to bottom, #BCB5C5 0%, #9384A1 50%, #705B7E 100%);
}
</style>