#BCA0FF - #8D4BE9 | 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 #BCA0FF to #8D4BE9

#BCA0FF #8D4BE9

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

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

0.0%	0.0% #BCA0FF	RGB 188 160 255	#BCA0FF
16.7%	16.7% #B491FB	RGB 180 145 251	#B491FB
33.3%	33.3% #AC83F7	RGB 172 131 247	#AC83F7
50.0%	50.0% #A475F4	RGB 164 117 244	#A475F4
66.7%	66.7% #9C67F0	RGB 156 103 240	#9C67F0
83.3%	83.3% #9459EC	RGB 148 89 236	#9459EC
100.0%	100.0% #8D4BE9	RGB 141 75 233	#8D4BE9

#BCA0FF #B491FB #AC83F7 #A475F4 #9C67F0 #9459EC #8D4BE9

#BCA0FF - #8D4BE9

HSV Blend

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

0.0%	0.0% #BCA0FF	RGB 188 160 255	#BCA0FF
16.7%	16.7% #B290FB	RGB 178 144 251	#B290FB
33.3%	33.3% #A982F7	RGB 169 130 247	#A982F7
50.0%	50.0% #A173F4	RGB 161 115 244	#A173F4
66.7%	66.7% #9A65F0	RGB 154 101 240	#9A65F0
83.3%	83.3% #9358EC	RGB 147 88 236	#9358EC
100.0%	100.0% #8D4BE9	RGB 141 75 233	#8D4BE9

#BCA0FF #B290FB #A982F7 #A173F4 #9A65F0 #9358EC #8D4BE9

#BCA0FF - #A173F4 - #8D4BE9

CSS codes

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

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