#BC6ECD - #8A22A8 | 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 #BC6ECD to #8A22A8

#BC6ECD #8A22A8

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

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

0.0%	0.0% #BC6ECD	RGB 188 110 205	#BC6ECD
16.7%	16.7% #B361C6	RGB 179 97 198	#B361C6
33.3%	33.3% #AB54C0	RGB 171 84 192	#AB54C0
50.0%	50.0% #A348BA	RGB 163 72 186	#A348BA
66.7%	66.7% #9A3BB4	RGB 154 59 180	#9A3BB4
83.3%	83.3% #922EAE	RGB 146 46 174	#922EAE
100.0%	100.0% #8A22A8	RGB 138 34 168	#8A22A8

#BC6ECD #B361C6 #AB54C0 #A348BA #9A3BB4 #922EAE #8A22A8

#BC6ECD - #8A22A8

HSV Blend

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

0.0%	0.0% #BC6ECD	RGB 188 110 205	#BC6ECD
16.7%	16.7% #B35FC6	RGB 179 95 198	#B35FC6
33.3%	33.3% #AB51C0	RGB 171 81 192	#AB51C0
50.0%	50.0% #A244BA	RGB 162 68 186	#A244BA
66.7%	66.7% #9A38B4	RGB 154 56 180	#9A38B4
83.3%	83.3% #922CAE	RGB 146 44 174	#922CAE
100.0%	100.0% #8A22A8	RGB 138 34 168	#8A22A8

#BC6ECD #B35FC6 #AB51C0 #A244BA #9A38B4 #922CAE #8A22A8

#BC6ECD - #A244BA - #8A22A8

CSS codes

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

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