#BCB9C0 - #8F65A8 | 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 #BCB9C0 to #8F65A8

#BCB9C0 #8F65A8

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

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

0.0%	0.0% #BCB9C0	RGB 188 185 192	#BCB9C0
16.7%	16.7% #B4ABBC	RGB 180 171 188	#B4ABBC
33.3%	33.3% #AD9DB8	RGB 173 157 184	#AD9DB8
50.0%	50.0% #A58FB4	RGB 165 143 180	#A58FB4
66.7%	66.7% #9E81B0	RGB 158 129 176	#9E81B0
83.3%	83.3% #9673AC	RGB 150 115 172	#9673AC
100.0%	100.0% #8F65A8	RGB 143 101 168	#8F65A8

#BCB9C0 #B4ABBC #AD9DB8 #A58FB4 #9E81B0 #9673AC #8F65A8

#BCB9C0 - #8F65A8

HSV Blend

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

0.0%	0.0% #BCB9C0	RGB 188 185 192	#BCB9C0
16.7%	16.7% #B2A9BC	RGB 178 169 188	#B2A9BC
33.3%	33.3% #A99BB8	RGB 169 155 184	#A99BB8
50.0%	50.0% #A18CB4	RGB 161 140 180	#A18CB4
66.7%	66.7% #9A7FB0	RGB 154 127 176	#9A7FB0
83.3%	83.3% #9471AC	RGB 148 113 172	#9471AC
100.0%	100.0% #8F65A8	RGB 143 101 168	#8F65A8

#BCB9C0 #B2A9BC #A99BB8 #A18CB4 #9A7FB0 #9471AC #8F65A8

#BCB9C0 - #A18CB4 - #8F65A8

CSS codes

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

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