#BCB2FF - #6E42CF | 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 #BCB2FF to #6E42CF

#BCB2FF #6E42CF

Calculate the color between two colors, #BCB2FF and #6E42CF. 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)

#BCB2FF - #6E42CF | 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 #BCB2FF as 0% and #6E42CF as 100%.

0.0%	0.0% #BCB2FF	RGB 188 178 255	#BCB2FF
16.7%	16.7% #AF9FF7	RGB 175 159 247	#AF9FF7
33.3%	33.3% #A28CEF	RGB 162 140 239	#A28CEF
50.0%	50.0% #957AE7	RGB 149 122 231	#957AE7
66.7%	66.7% #8867DF	RGB 136 103 223	#8867DF
83.3%	83.3% #7B54D7	RGB 123 84 215	#7B54D7
100.0%	100.0% #6E42CF	RGB 110 66 207	#6E42CF

#BCB2FF #AF9FF7 #A28CEF #957AE7 #8867DF #7B54D7 #6E42CF

#BCB2FF - #6E42CF

HSV Blend

#BCB2FF - #6E42CF | 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 #BCB2FF as 0% and #6E42CF as 100%.

0.0%	0.0% #BCB2FF	RGB 188 178 255	#BCB2FF
16.7%	16.7% #AB9CF7	RGB 171 156 247	#AB9CF7
33.3%	33.3% #9C88EF	RGB 156 136 239	#9C88EF
50.0%	50.0% #8E75E7	RGB 142 117 231	#8E75E7
66.7%	66.7% #8263DF	RGB 130 99 223	#8263DF
83.3%	83.3% #7752D7	RGB 119 82 215	#7752D7
100.0%	100.0% #6E42CF	RGB 110 66 207	#6E42CF

#BCB2FF #AB9CF7 #9C88EF #8E75E7 #8263DF #7752D7 #6E42CF

#BCB2FF - #8E75E7 - #6E42CF

CSS codes

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

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