#CCD4C5 - #E2DAE3 | 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 #CCD4C5 to #E2DAE3

#CCD4C5 #E2DAE3

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

#CCD4C5 - #E2DAE3 | 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 #CCD4C5 as 0% and #E2DAE3 as 100%.

0.0%	0.0% #CCD4C5	RGB 204 212 197	#CCD4C5
16.7%	16.7% #CFD5CA	RGB 207 213 202	#CFD5CA
33.3%	33.3% #D3D6CF	RGB 211 214 207	#D3D6CF
50.0%	50.0% #D7D7D4	RGB 215 215 212	#D7D7D4
66.7%	66.7% #DAD8D9	RGB 218 216 217	#DAD8D9
83.3%	83.3% #DED9DE	RGB 222 217 222	#DED9DE
100.0%	100.0% #E2DAE3	RGB 226 218 227	#E2DAE3

#CCD4C5 #CFD5CA #D3D6CF #D7D7D4 #DAD8D9 #DED9DE #E2DAE3

#CCD4C5 - #E2DAE3

HSV Blend

#CCD4C5 - #E2DAE3 | 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 #CCD4C5 as 0% and #E2DAE3 as 100%.

0.0%	0.0% #CCD4C5	RGB 204 212 197	#CCD4C5
16.7%	16.7% #D5D6C8	RGB 213 214 200	#D5D6C8
33.3%	33.3% #D9D4CB	RGB 217 212 203	#D9D4CB
50.0%	50.0% #DBD1CF	RGB 219 209 207	#DBD1CF
66.7%	66.7% #DED2D5	RGB 222 210 213	#DED2D5
83.3%	83.3% #E0D6DD	RGB 224 214 221	#E0D6DD
100.0%	100.0% #E2DAE3	RGB 226 218 227	#E2DAE3

#CCD4C5 #D5D6C8 #D9D4CB #DBD1CF #DED2D5 #E0D6DD #E2DAE3

#CCD4C5 - #DBD1CF - #E2DAE3

CSS codes

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

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