#CCD9CC - #E4DDE0 | 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 #CCD9CC to #E4DDE0

#CCD9CC #E4DDE0

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

#CCD9CC - #E4DDE0 | 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 #CCD9CC as 0% and #E4DDE0 as 100%.

0.0%	0.0% #CCD9CC	RGB 204 217 204	#CCD9CC
16.7%	16.7% #D0D9CF	RGB 208 217 207	#D0D9CF
33.3%	33.3% #D4DAD2	RGB 212 218 210	#D4DAD2
50.0%	50.0% #D8DBD6	RGB 216 219 214	#D8DBD6
66.7%	66.7% #DCDBD9	RGB 220 219 217	#DCDBD9
83.3%	83.3% #E0DCDC	RGB 224 220 220	#E0DCDC
100.0%	100.0% #E4DDE0	RGB 228 221 224	#E4DDE0

#CCD9CC #D0D9CF #D4DAD2 #D8DBD6 #DCDBD9 #E0DCDC #E4DDE0

#CCD9CC - #E4DDE0

HSV Blend

#CCD9CC - #E4DDE0 | 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 #CCD9CC as 0% and #E4DDE0 as 100%.

0.0%	0.0% #CCD9CC	RGB 204 217 204	#CCD9CC
16.7%	16.7% #D3DACE	RGB 211 218 206	#D3DACE
33.3%	33.3% #DADCD1	RGB 218 220 209	#DADCD1
50.0%	50.0% #DEDCD4	RGB 222 220 212	#DEDCD4
66.7%	66.7% #E0DAD7	RGB 224 218 215	#E0DAD7
83.3%	83.3% #E2DADA	RGB 226 218 218	#E2DADA
100.0%	100.0% #E4DDE0	RGB 228 221 224	#E4DDE0

#CCD9CC #D3DACE #DADCD1 #DEDCD4 #E0DAD7 #E2DADA #E4DDE0

#CCD9CC - #DEDCD4 - #E4DDE0

CSS codes

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

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