#CCD4D2 - #E5DDDC | 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 #CCD4D2 to #E5DDDC

#CCD4D2 #E5DDDC

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

#CCD4D2 - #E5DDDC | 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 #CCD4D2 as 0% and #E5DDDC as 100%.

0.0%	0.0% #CCD4D2	RGB 204 212 210	#CCD4D2
16.7%	16.7% #D0D5D3	RGB 208 213 211	#D0D5D3
33.3%	33.3% #D4D7D5	RGB 212 215 213	#D4D7D5
50.0%	50.0% #D8D8D7	RGB 216 216 215	#D8D8D7
66.7%	66.7% #DCDAD8	RGB 220 218 216	#DCDAD8
83.3%	83.3% #E0DBDA	RGB 224 219 218	#E0DBDA
100.0%	100.0% #E5DDDC	RGB 229 221 220	#E5DDDC

#CCD4D2 #D0D5D3 #D4D7D5 #D8D8D7 #DCDAD8 #E0DBDA #E5DDDC

#CCD4D2 - #E5DDDC

HSV Blend

#CCD4D2 - #E5DDDC | 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 #CCD4D2 as 0% and #E5DDDC as 100%.

0.0%	0.0% #CCD4D2	RGB 204 212 210	#CCD4D2
16.7%	16.7% #CED6D1	RGB 206 214 209	#CED6D1
33.3%	33.3% #D2D9D1	RGB 210 217 209	#D2D9D1
50.0%	50.0% #D8DCD4	RGB 216 220 212	#D8DCD4
66.7%	66.7% #DFDFD6	RGB 223 223 214	#DFDFD6
83.3%	83.3% #E2DED9	RGB 226 222 217	#E2DED9
100.0%	100.0% #E5DDDC	RGB 229 221 220	#E5DDDC

#CCD4D2 #CED6D1 #D2D9D1 #D8DCD4 #DFDFD6 #E2DED9 #E5DDDC

#CCD4D2 - #D8DCD4 - #E5DDDC

CSS codes

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

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