#CD8ED7 - #FCD0DB | 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 #CD8ED7 to #FCD0DB

#CD8ED7 #FCD0DB

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

#CD8ED7 - #FCD0DB | 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 #CD8ED7 as 0% and #FCD0DB as 100%.

0.0%	0.0% #CD8ED7	RGB 205 142 215	#CD8ED7
16.7%	16.7% #D499D7	RGB 212 153 215	#D499D7
33.3%	33.3% #DCA4D8	RGB 220 164 216	#DCA4D8
50.0%	50.0% #E4AFD9	RGB 228 175 217	#E4AFD9
66.7%	66.7% #ECBAD9	RGB 236 186 217	#ECBAD9
83.3%	83.3% #F4C5DA	RGB 244 197 218	#F4C5DA
100.0%	100.0% #FCD0DB	RGB 252 208 219	#FCD0DB

#CD8ED7 #D499D7 #DCA4D8 #E4AFD9 #ECBAD9 #F4C5DA #FCD0DB

#CD8ED7 - #FCD0DB

HSV Blend

#CD8ED7 - #FCD0DB | 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 #CD8ED7 as 0% and #FCD0DB as 100%.

0.0%	0.0% #CD8ED7	RGB 205 142 215	#CD8ED7
16.7%	16.7% #DD98DC	RGB 221 152 220	#DD98DC
33.3%	33.3% #E3A2D9	RGB 227 162 217	#E3A2D9
50.0%	50.0% #E9ADD7	RGB 233 173 215	#E9ADD7
66.7%	66.7% #EFB8D6	RGB 239 184 214	#EFB8D6
83.3%	83.3% #F5C4D7	RGB 245 196 215	#F5C4D7
100.0%	100.0% #FCD0DB	RGB 252 208 219	#FCD0DB

#CD8ED7 #DD98DC #E3A2D9 #E9ADD7 #EFB8D6 #F5C4D7 #FCD0DB

#CD8ED7 - #E9ADD7 - #FCD0DB

CSS codes

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

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