#BCABC6 - #6B517E | 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 #BCABC6 to #6B517E

#BCABC6 #6B517E

Calculate the color between two colors, #BCABC6 and #6B517E. 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)

#BCABC6 - #6B517E | 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 #BCABC6 as 0% and #6B517E as 100%.

0.0%	0.0% #BCABC6	RGB 188 171 198	#BCABC6
16.7%	16.7% #AE9CBA	RGB 174 156 186	#AE9CBA
33.3%	33.3% #A18DAE	RGB 161 141 174	#A18DAE
50.0%	50.0% #937EA2	RGB 147 126 162	#937EA2
66.7%	66.7% #866F96	RGB 134 111 150	#866F96
83.3%	83.3% #78608A	RGB 120 96 138	#78608A
100.0%	100.0% #6B517E	RGB 107 81 126	#6B517E

#BCABC6 #AE9CBA #A18DAE #937EA2 #866F96 #78608A #6B517E

#BCABC6 - #6B517E

HSV Blend

#BCABC6 - #6B517E | 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 #BCABC6 as 0% and #6B517E as 100%.

0.0%	0.0% #BCABC6	RGB 188 171 198	#BCABC6
16.7%	16.7% #AD99BA	RGB 173 153 186	#AD99BA
33.3%	33.3% #9F89AE	RGB 159 137 174	#9F89AE
50.0%	50.0% #927AA2	RGB 146 122 162	#927AA2
66.7%	66.7% #846B96	RGB 132 107 150	#846B96
83.3%	83.3% #775D8A	RGB 119 93 138	#775D8A
100.0%	100.0% #6B517E	RGB 107 81 126	#6B517E

#BCABC6 #AD99BA #9F89AE #927AA2 #846B96 #775D8A #6B517E

#BCABC6 - #927AA2 - #6B517E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
    background: -webkit-linear-gradient(top, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
    background: linear-gradient(to bottom, #BCABC6 0%, #927AA2 50%, #6B517E 100%);
}
</style>