#BCA8C6 - #6A4D7E | 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 #BCA8C6 to #6A4D7E

#BCA8C6 #6A4D7E

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

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

0.0%	0.0% #BCA8C6	RGB 188 168 198	#BCA8C6
16.7%	16.7% #AE98BA	RGB 174 152 186	#AE98BA
33.3%	33.3% #A089AE	RGB 160 137 174	#A089AE
50.0%	50.0% #937AA2	RGB 147 122 162	#937AA2
66.7%	66.7% #856B96	RGB 133 107 150	#856B96
83.3%	83.3% #775C8A	RGB 119 92 138	#775C8A
100.0%	100.0% #6A4D7E	RGB 106 77 126	#6A4D7E

#BCA8C6 #AE98BA #A089AE #937AA2 #856B96 #775C8A #6A4D7E

#BCA8C6 - #6A4D7E

HSV Blend

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

0.0%	0.0% #BCA8C6	RGB 188 168 198	#BCA8C6
16.7%	16.7% #AD96BA	RGB 173 150 186	#AD96BA
33.3%	33.3% #9F85AE	RGB 159 133 174	#9F85AE
50.0%	50.0% #9176A2	RGB 145 118 162	#9176A2
66.7%	66.7% #846796	RGB 132 103 150	#846796
83.3%	83.3% #76598A	RGB 118 89 138	#76598A
100.0%	100.0% #6A4D7E	RGB 106 77 126	#6A4D7E

#BCA8C6 #AD96BA #9F85AE #9176A2 #846796 #76598A #6A4D7E

#BCA8C6 - #9176A2 - #6A4D7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCA8C6 0%, #9176A2 50%, #6A4D7E 100%);
    background: -webkit-linear-gradient(top, #BCA8C6 0%, #9176A2 50%, #6A4D7E 100%);
    background: linear-gradient(to bottom, #BCA8C6 0%, #9176A2 50%, #6A4D7E 100%);
}
</style>