#BC91C8 - #9C3CAC | 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 #BC91C8 to #9C3CAC

#BC91C8 #9C3CAC

Calculate the color between two colors, #BC91C8 and #9C3CAC. 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)

#BC91C8 - #9C3CAC | 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 #BC91C8 as 0% and #9C3CAC as 100%.

0.0%	0.0% #BC91C8	RGB 188 145 200	#BC91C8
16.7%	16.7% #B682C3	RGB 182 130 195	#B682C3
33.3%	33.3% #B174BE	RGB 177 116 190	#B174BE
50.0%	50.0% #AC66BA	RGB 172 102 186	#AC66BA
66.7%	66.7% #A658B5	RGB 166 88 181	#A658B5
83.3%	83.3% #A14AB0	RGB 161 74 176	#A14AB0
100.0%	100.0% #9C3CAC	RGB 156 60 172	#9C3CAC

#BC91C8 #B682C3 #B174BE #AC66BA #A658B5 #A14AB0 #9C3CAC

#BC91C8 - #9C3CAC

HSV Blend

#BC91C8 - #9C3CAC | 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 #BC91C8 as 0% and #9C3CAC as 100%.

0.0%	0.0% #BC91C8	RGB 188 145 200	#BC91C8
16.7%	16.7% #B581C3	RGB 181 129 195	#B581C3
33.3%	33.3% #AF72BE	RGB 175 114 190	#AF72BE
50.0%	50.0% #AA63BA	RGB 170 99 186	#AA63BA
66.7%	66.7% #A555B5	RGB 165 85 181	#A555B5
83.3%	83.3% #A048B0	RGB 160 72 176	#A048B0
100.0%	100.0% #9C3CAC	RGB 156 60 172	#9C3CAC

#BC91C8 #B581C3 #AF72BE #AA63BA #A555B5 #A048B0 #9C3CAC

#BC91C8 - #AA63BA - #9C3CAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC91C8 0%, #AA63BA 50%, #9C3CAC 100%);
    background: -webkit-linear-gradient(top, #BC91C8 0%, #AA63BA 50%, #9C3CAC 100%);
    background: linear-gradient(to bottom, #BC91C8 0%, #AA63BA 50%, #9C3CAC 100%);
}
</style>