#CBCAFE - #8263CE | 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 #CBCAFE to #8263CE

#CBCAFE #8263CE

Calculate the color between two colors, #CBCAFE and #8263CE. 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)

#CBCAFE - #8263CE | 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 #CBCAFE as 0% and #8263CE as 100%.

0.0%	0.0% #CBCAFE	RGB 203 202 254	#CBCAFE
16.7%	16.7% #BEB8F6	RGB 190 184 246	#BEB8F6
33.3%	33.3% #B2A7EE	RGB 178 167 238	#B2A7EE
50.0%	50.0% #A696E6	RGB 166 150 230	#A696E6
66.7%	66.7% #9A85DE	RGB 154 133 222	#9A85DE
83.3%	83.3% #8E74D6	RGB 142 116 214	#8E74D6
100.0%	100.0% #8263CE	RGB 130 99 206	#8263CE

#CBCAFE #BEB8F6 #B2A7EE #A696E6 #9A85DE #8E74D6 #8263CE

#CBCAFE - #8263CE

HSV Blend

#CBCAFE - #8263CE | 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 #CBCAFE as 0% and #8263CE as 100%.

0.0%	0.0% #CBCAFE	RGB 203 202 254	#CBCAFE
16.7%	16.7% #BAB6F6	RGB 186 182 246	#BAB6F6
33.3%	33.3% #ACA4EE	RGB 172 164 238	#ACA4EE
50.0%	50.0% #9F92E6	RGB 159 146 230	#9F92E6
66.7%	66.7% #9481DE	RGB 148 129 222	#9481DE
83.3%	83.3% #8A72D6	RGB 138 114 214	#8A72D6
100.0%	100.0% #8263CE	RGB 130 99 206	#8263CE

#CBCAFE #BAB6F6 #ACA4EE #9F92E6 #9481DE #8A72D6 #8263CE

#CBCAFE - #9F92E6 - #8263CE

CSS codes

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

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