#CCC9E2 - #FFEEDB | 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 #CCC9E2 to #FFEEDB

#CCC9E2 #FFEEDB

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

#CCC9E2 - #FFEEDB | 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 #CCC9E2 as 0% and #FFEEDB as 100%.

0.0%	0.0% #CCC9E2	RGB 204 201 226	#CCC9E2
16.7%	16.7% #D4CFE0	RGB 212 207 224	#D4CFE0
33.3%	33.3% #DDD5DF	RGB 221 213 223	#DDD5DF
50.0%	50.0% #E5DBDE	RGB 229 219 222	#E5DBDE
66.7%	66.7% #EEE1DD	RGB 238 225 221	#EEE1DD
83.3%	83.3% #F6E7DC	RGB 246 231 220	#F6E7DC
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#CCC9E2 #D4CFE0 #DDD5DF #E5DBDE #EEE1DD #F6E7DC #FFEEDB

#CCC9E2 - #FFEEDB

HSV Blend

#CCC9E2 - #FFEEDB | 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 #CCC9E2 as 0% and #FFEEDB as 100%.

0.0%	0.0% #CCC9E2	RGB 204 201 226	#CCC9E2
16.7%	16.7% #DACCE6	RGB 218 204 230	#DACCE6
33.3%	33.3% #E9CFEB	RGB 233 207 235	#E9CFEB
50.0%	50.0% #F0D2E6	RGB 240 210 230	#F0D2E6
66.7%	66.7% #F5D5DE	RGB 245 213 222	#F5D5DE
83.3%	83.3% #FADCD8	RGB 250 220 216	#FADCD8
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#CCC9E2 #DACCE6 #E9CFEB #F0D2E6 #F5D5DE #FADCD8 #FFEEDB

#CCC9E2 - #F0D2E6 - #FFEEDB

CSS codes

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

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