#BC9CD2 - #5D3C8F | 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 #BC9CD2 to #5D3C8F

#BC9CD2 #5D3C8F

Calculate the color between two colors, #BC9CD2 and #5D3C8F. 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)

#BC9CD2 - #5D3C8F | 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 #BC9CD2 as 0% and #5D3C8F as 100%.

0.0%	0.0% #BC9CD2	RGB 188 156 210	#BC9CD2
16.7%	16.7% #AC8CC6	RGB 172 140 198	#AC8CC6
33.3%	33.3% #9C7CBB	RGB 156 124 187	#9C7CBB
50.0%	50.0% #8C6CB0	RGB 140 108 176	#8C6CB0
66.7%	66.7% #7C5CA5	RGB 124 92 165	#7C5CA5
83.3%	83.3% #6C4C9A	RGB 108 76 154	#6C4C9A
100.0%	100.0% #5D3C8F	RGB 93 60 143	#5D3C8F

#BC9CD2 #AC8CC6 #9C7CBB #8C6CB0 #7C5CA5 #6C4C9A #5D3C8F

#BC9CD2 - #5D3C8F

HSV Blend

#BC9CD2 - #5D3C8F | 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 #BC9CD2 as 0% and #5D3C8F as 100%.

0.0%	0.0% #BC9CD2	RGB 188 156 210	#BC9CD2
16.7%	16.7% #AB88C6	RGB 171 136 198	#AB88C6
33.3%	33.3% #9B77BB	RGB 155 119 187	#9B77BB
50.0%	50.0% #8B66B0	RGB 139 102 176	#8B66B0
66.7%	66.7% #7B57A5	RGB 123 87 165	#7B57A5
83.3%	83.3% #6B489A	RGB 107 72 154	#6B489A
100.0%	100.0% #5D3C8F	RGB 93 60 143	#5D3C8F

#BC9CD2 #AB88C6 #9B77BB #8B66B0 #7B57A5 #6B489A #5D3C8F

#BC9CD2 - #8B66B0 - #5D3C8F

CSS codes

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

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