#BC00FF - #B7B2FF | 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 #BC00FF to #B7B2FF

#BC00FF #B7B2FF

Calculate the color between two colors, #BC00FF and #B7B2FF. 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)

#BC00FF - #B7B2FF | 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 #BC00FF as 0% and #B7B2FF as 100%.

0.0%	0.0% #BC00FF	RGB 188 0 255	#BC00FF
16.7%	16.7% #BB1DFF	RGB 187 29 255	#BB1DFF
33.3%	33.3% #BA3BFF	RGB 186 59 255	#BA3BFF
50.0%	50.0% #B959FF	RGB 185 89 255	#B959FF
66.7%	66.7% #B876FF	RGB 184 118 255	#B876FF
83.3%	83.3% #B794FF	RGB 183 148 255	#B794FF
100.0%	100.0% #B7B2FF	RGB 183 178 255	#B7B2FF

#BC00FF #BB1DFF #BA3BFF #B959FF #B876FF #B794FF #B7B2FF

#BC00FF - #B7B2FF

HSV Blend

#BC00FF - #B7B2FF | 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 #BC00FF as 0% and #B7B2FF as 100%.

0.0%	0.0% #BC00FF	RGB 188 0 255	#BC00FF
16.7%	16.7% #AA1DFF	RGB 170 29 255	#AA1DFF
33.3%	33.3% #9F3BFF	RGB 159 59 255	#9F3BFF
50.0%	50.0% #9B59FF	RGB 155 89 255	#9B59FF
66.7%	66.7% #9E76FF	RGB 158 118 255	#9E76FF
83.3%	83.3% #A794FF	RGB 167 148 255	#A794FF
100.0%	100.0% #B7B2FF	RGB 183 178 255	#B7B2FF

#BC00FF #AA1DFF #9F3BFF #9B59FF #9E76FF #A794FF #B7B2FF

#BC00FF - #9B59FF - #B7B2FF

CSS codes

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

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