#CEC4E5 - #8465A8 | 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 #CEC4E5 to #8465A8

#CEC4E5 #8465A8

Calculate the color between two colors, #CEC4E5 and #8465A8. 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)

#CEC4E5 - #8465A8 | 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 #CEC4E5 as 0% and #8465A8 as 100%.

0.0%	0.0% #CEC4E5	RGB 206 196 229	#CEC4E5
16.7%	16.7% #C1B4DA	RGB 193 180 218	#C1B4DA
33.3%	33.3% #B5A4D0	RGB 181 164 208	#B5A4D0
50.0%	50.0% #A994C6	RGB 169 148 198	#A994C6
66.7%	66.7% #9C84BC	RGB 156 132 188	#9C84BC
83.3%	83.3% #9074B2	RGB 144 116 178	#9074B2
100.0%	100.0% #8465A8	RGB 132 101 168	#8465A8

#CEC4E5 #C1B4DA #B5A4D0 #A994C6 #9C84BC #9074B2 #8465A8

#CEC4E5 - #8465A8

HSV Blend

#CEC4E5 - #8465A8 | 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 #CEC4E5 as 0% and #8465A8 as 100%.

0.0%	0.0% #CEC4E5	RGB 206 196 229	#CEC4E5
16.7%	16.7% #BFB2DA	RGB 191 178 218	#BFB2DA
33.3%	33.3% #B1A0D0	RGB 177 160 208	#B1A0D0
50.0%	50.0% #A590C6	RGB 165 144 198	#A590C6
66.7%	66.7% #9981BC	RGB 153 129 188	#9981BC
83.3%	83.3% #8E72B2	RGB 142 114 178	#8E72B2
100.0%	100.0% #8465A8	RGB 132 101 168	#8465A8

#CEC4E5 #BFB2DA #B1A0D0 #A590C6 #9981BC #8E72B2 #8465A8

#CEC4E5 - #A590C6 - #8465A8

CSS codes

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

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