#BCB0FF - #6E40CF | 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 #BCB0FF to #6E40CF

#BCB0FF #6E40CF

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

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

0.0%	0.0% #BCB0FF	RGB 188 176 255	#BCB0FF
16.7%	16.7% #AF9DF7	RGB 175 157 247	#AF9DF7
33.3%	33.3% #A28AEF	RGB 162 138 239	#A28AEF
50.0%	50.0% #9578E7	RGB 149 120 231	#9578E7
66.7%	66.7% #8865DF	RGB 136 101 223	#8865DF
83.3%	83.3% #7B52D7	RGB 123 82 215	#7B52D7
100.0%	100.0% #6E40CF	RGB 110 64 207	#6E40CF

#BCB0FF #AF9DF7 #A28AEF #9578E7 #8865DF #7B52D7 #6E40CF

#BCB0FF - #6E40CF

HSV Blend

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

0.0%	0.0% #BBB0FF	RGB 187 176 255	#BBB0FF
16.7%	16.7% #AB9AF7	RGB 171 154 247	#AB9AF7
33.3%	33.3% #9C86EF	RGB 156 134 239	#9C86EF
50.0%	50.0% #8E73E7	RGB 142 115 231	#8E73E7
66.7%	66.7% #8261DF	RGB 130 97 223	#8261DF
83.3%	83.3% #7750D7	RGB 119 80 215	#7750D7
100.0%	100.0% #6E40CF	RGB 110 64 207	#6E40CF

#BBB0FF #AB9AF7 #9C86EF #8E73E7 #8261DF #7750D7 #6E40CF

#BCB0FF - #8E73E7 - #6E40CF

CSS codes

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

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