#CBBBDF - #8463B0 | 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 #CBBBDF to #8463B0

#CBBBDF #8463B0

Calculate the color between two colors, #CBBBDF and #8463B0. 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)

#CBBBDF - #8463B0 | 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 #CBBBDF as 0% and #8463B0 as 100%.

0.0%	0.0% #CBBBDF	RGB 203 187 223	#CBBBDF
16.7%	16.7% #BFACD7	RGB 191 172 215	#BFACD7
33.3%	33.3% #B39DCF	RGB 179 157 207	#B39DCF
50.0%	50.0% #A78FC7	RGB 167 143 199	#A78FC7
66.7%	66.7% #9B80BF	RGB 155 128 191	#9B80BF
83.3%	83.3% #8F71B7	RGB 143 113 183	#8F71B7
100.0%	100.0% #8463B0	RGB 132 99 176	#8463B0

#CBBBDF #BFACD7 #B39DCF #A78FC7 #9B80BF #8F71B7 #8463B0

#CBBBDF - #8463B0

HSV Blend

#CBBBDF - #8463B0 | 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 #CBBBDF as 0% and #8463B0 as 100%.

0.0%	0.0% #CBBBDF	RGB 203 187 223	#CBBBDF
16.7%	16.7% #BEAAD7	RGB 190 170 215	#BEAAD7
33.3%	33.3% #B19ACF	RGB 177 154 207	#B19ACF
50.0%	50.0% #A58BC7	RGB 165 139 199	#A58BC7
66.7%	66.7% #9A7DBF	RGB 154 125 191	#9A7DBF
83.3%	83.3% #8E6FB7	RGB 142 111 183	#8E6FB7
100.0%	100.0% #8463B0	RGB 132 99 176	#8463B0

#CBBBDF #BEAAD7 #B19ACF #A58BC7 #9A7DBF #8E6FB7 #8463B0

#CBBBDF - #A58BC7 - #8463B0

CSS codes

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

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