#CCC9F2 - #FFE9E7 | 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 #CCC9F2 to #FFE9E7

#CCC9F2 #FFE9E7

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

#CCC9F2 - #FFE9E7 | 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 #CCC9F2 as 0% and #FFE9E7 as 100%.

0.0%	0.0% #CCC9F2	RGB 204 201 242	#CCC9F2
16.7%	16.7% #D4CEF0	RGB 212 206 240	#D4CEF0
33.3%	33.3% #DDD3EE	RGB 221 211 238	#DDD3EE
50.0%	50.0% #E5D9EC	RGB 229 217 236	#E5D9EC
66.7%	66.7% #EEDEEA	RGB 238 222 234	#EEDEEA
83.3%	83.3% #F6E3E8	RGB 246 227 232	#F6E3E8
100.0%	100.0% #FFE9E7	RGB 255 233 231	#FFE9E7

#CCC9F2 #D4CEF0 #DDD3EE #E5D9EC #EEDEEA #F6E3E8 #FFE9E7

#CCC9F2 - #FFE9E7

HSV Blend

#CCC9F2 - #FFE9E7 | 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 #CCC9F2 as 0% and #FFE9E7 as 100%.

0.0%	0.0% #CCC9F2	RGB 204 201 242	#CCC9F2
16.7%	16.7% #DDCDF4	RGB 221 205 244	#DDCDF4
33.3%	33.3% #EDD2F6	RGB 237 210 246	#EDD2F6
50.0%	50.0% #F8D7F5	RGB 248 215 245	#F8D7F5
66.7%	66.7% #FADCEE	RGB 250 220 238	#FADCEE
83.3%	83.3% #FCE1E8	RGB 252 225 232	#FCE1E8
100.0%	100.0% #FFE9E7	RGB 255 233 231	#FFE9E7

#CCC9F2 #DDCDF4 #EDD2F6 #F8D7F5 #FADCEE #FCE1E8 #FFE9E7

#CCC9F2 - #F8D7F5 - #FFE9E7

CSS codes

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

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