#BCBBC5 - #785E7E | 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 #BCBBC5 to #785E7E

#BCBBC5 #785E7E

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

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

0.0%	0.0% #BCBBC5	RGB 188 187 197	#BCBBC5
16.7%	16.7% #B0ABB9	RGB 176 171 185	#B0ABB9
33.3%	33.3% #A59CAD	RGB 165 156 173	#A59CAD
50.0%	50.0% #9A8CA1	RGB 154 140 161	#9A8CA1
66.7%	66.7% #8E7D95	RGB 142 125 149	#8E7D95
83.3%	83.3% #836D89	RGB 131 109 137	#836D89
100.0%	100.0% #785E7E	RGB 120 94 126	#785E7E

#BCBBC5 #B0ABB9 #A59CAD #9A8CA1 #8E7D95 #836D89 #785E7E

#BCBBC5 - #785E7E

HSV Blend

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

0.0%	0.0% #BCBBC5	RGB 188 187 197	#BCBBC5
16.7%	16.7% #ACA9B9	RGB 172 169 185	#ACA9B9
33.3%	33.3% #9F98AD	RGB 159 152 173	#9F98AD
50.0%	50.0% #9488A1	RGB 148 136 161	#9488A1
66.7%	66.7% #897995	RGB 137 121 149	#897995
83.3%	83.3% #806B89	RGB 128 107 137	#806B89
100.0%	100.0% #785E7E	RGB 120 94 126	#785E7E

#BCBBC5 #ACA9B9 #9F98AD #9488A1 #897995 #806B89 #785E7E

#BCBBC5 - #9488A1 - #785E7E

CSS codes

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

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