#BC9EFF - #CCC8F0 | 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 #BC9EFF to #CCC8F0

#BC9EFF #CCC8F0

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

#BC9EFF - #CCC8F0 | 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 #BC9EFF as 0% and #CCC8F0 as 100%.

0.0%	0.0% #BC9EFF	RGB 188 158 255	#BC9EFF
16.7%	16.7% #BEA5FC	RGB 190 165 252	#BEA5FC
33.3%	33.3% #C1ACFA	RGB 193 172 250	#C1ACFA
50.0%	50.0% #C4B3F7	RGB 196 179 247	#C4B3F7
66.7%	66.7% #C6BAF5	RGB 198 186 245	#C6BAF5
83.3%	83.3% #C9C1F2	RGB 201 193 242	#C9C1F2
100.0%	100.0% #CCC8F0	RGB 204 200 240	#CCC8F0

#BC9EFF #BEA5FC #C1ACFA #C4B3F7 #C6BAF5 #C9C1F2 #CCC8F0

#BC9EFF - #CCC8F0

HSV Blend

#BC9EFF - #CCC8F0 | 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 #BC9EFF as 0% and #CCC8F0 as 100%.

0.0%	0.0% #BC9EFF	RGB 188 158 255	#BC9EFF
16.7%	16.7% #BDA5FC	RGB 189 165 252	#BDA5FC
33.3%	33.3% #BFACFA	RGB 191 172 250	#BFACFA
50.0%	50.0% #C1B3F7	RGB 193 179 247	#C1B3F7
66.7%	66.7% #C4BAF5	RGB 196 186 245	#C4BAF5
83.3%	83.3% #C8C1F2	RGB 200 193 242	#C8C1F2
100.0%	100.0% #CCC8F0	RGB 204 200 240	#CCC8F0

#BC9EFF #BDA5FC #BFACFA #C1B3F7 #C4BAF5 #C8C1F2 #CCC8F0

#BC9EFF - #C1B3F7 - #CCC8F0

CSS codes

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

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