#CEC5EC - #8463B2 | 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 #CEC5EC to #8463B2

#CEC5EC #8463B2

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

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

0.0%	0.0% #CEC5EC	RGB 206 197 236	#CEC5EC
16.7%	16.7% #C1B4E2	RGB 193 180 226	#C1B4E2
33.3%	33.3% #B5A4D8	RGB 181 164 216	#B5A4D8
50.0%	50.0% #A994CF	RGB 169 148 207	#A994CF
66.7%	66.7% #9C83C5	RGB 156 131 197	#9C83C5
83.3%	83.3% #9073BB	RGB 144 115 187	#9073BB
100.0%	100.0% #8463B2	RGB 132 99 178	#8463B2

#CEC5EC #C1B4E2 #B5A4D8 #A994CF #9C83C5 #9073BB #8463B2

#CEC5EC - #8463B2

HSV Blend

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

0.0%	0.0% #CEC5EC	RGB 206 197 236	#CEC5EC
16.7%	16.7% #BEB2E2	RGB 190 178 226	#BEB2E2
33.3%	33.3% #B1A0D8	RGB 177 160 216	#B1A0D8
50.0%	50.0% #A48FCF	RGB 164 143 207	#A48FCF
66.7%	66.7% #9880C5	RGB 152 128 197	#9880C5
83.3%	83.3% #8D71BB	RGB 141 113 187	#8D71BB
100.0%	100.0% #8463B2	RGB 132 99 178	#8463B2

#CEC5EC #BEB2E2 #B1A0D8 #A48FCF #9880C5 #8D71BB #8463B2

#CEC5EC - #A48FCF - #8463B2

CSS codes

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

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