#BCA8DA - #6E4497 | 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 #BCA8DA to #6E4497

#BCA8DA #6E4497

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

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

0.0%	0.0% #BCA8DA	RGB 188 168 218	#BCA8DA
16.7%	16.7% #AF97CE	RGB 175 151 206	#AF97CE
33.3%	33.3% #A286C3	RGB 162 134 195	#A286C3
50.0%	50.0% #9576B8	RGB 149 118 184	#9576B8
66.7%	66.7% #8865AD	RGB 136 101 173	#8865AD
83.3%	83.3% #7B54A2	RGB 123 84 162	#7B54A2
100.0%	100.0% #6E4497	RGB 110 68 151	#6E4497

#BCA8DA #AF97CE #A286C3 #9576B8 #8865AD #7B54A2 #6E4497

#BCA8DA - #6E4497

HSV Blend

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

0.0%	0.0% #BCA8DA	RGB 188 168 218	#BCA8DA
16.7%	16.7% #AC94CE	RGB 172 148 206	#AC94CE
33.3%	33.3% #9E81C3	RGB 158 129 195	#9E81C3
50.0%	50.0% #9170B8	RGB 145 112 184	#9170B8
66.7%	66.7% #8460AD	RGB 132 96 173	#8460AD
83.3%	83.3% #7851A2	RGB 120 81 162	#7851A2
100.0%	100.0% #6E4497	RGB 110 68 151	#6E4497

#BCA8DA #AC94CE #9E81C3 #9170B8 #8460AD #7851A2 #6E4497

#BCA8DA - #9170B8 - #6E4497

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCA8DA 0%, #9170B8 50%, #6E4497 100%);
    background: -webkit-linear-gradient(top, #BCA8DA 0%, #9170B8 50%, #6E4497 100%);
    background: linear-gradient(to bottom, #BCA8DA 0%, #9170B8 50%, #6E4497 100%);
}
</style>