#CCDCD4 - #E3DDDC | 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 #CCDCD4 to #E3DDDC

#CCDCD4 #E3DDDC

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

#CCDCD4 - #E3DDDC | 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 #CCDCD4 as 0% and #E3DDDC as 100%.

0.0%	0.0% #CCDCD4	RGB 204 220 212	#CCDCD4
16.7%	16.7% #CFDCD5	RGB 207 220 213	#CFDCD5
33.3%	33.3% #D3DCD6	RGB 211 220 214	#D3DCD6
50.0%	50.0% #D7DCD8	RGB 215 220 216	#D7DCD8
66.7%	66.7% #DBDCD9	RGB 219 220 217	#DBDCD9
83.3%	83.3% #DFDCDA	RGB 223 220 218	#DFDCDA
100.0%	100.0% #E3DDDC	RGB 227 221 220	#E3DDDC

#CCDCD4 #CFDCD5 #D3DCD6 #D7DCD8 #DBDCD9 #DFDCDA #E3DDDC

#CCDCD4 - #E3DDDC

HSV Blend

#CCDCD4 - #E3DDDC | 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 #CCDCD4 as 0% and #E3DDDC as 100%.

0.0%	0.0% #CCDCD4	RGB 204 220 212	#CCDCD4
16.7%	16.7% #CEDDD0	RGB 206 221 208	#CEDDD0
33.3%	33.3% #D5DED1	RGB 213 222 209	#D5DED1
50.0%	50.0% #DBDFD3	RGB 219 223 211	#DBDFD3
66.7%	66.7% #E0DFD6	RGB 224 223 214	#E0DFD6
83.3%	83.3% #E1DDD9	RGB 225 221 217	#E1DDD9
100.0%	100.0% #E3DDDC	RGB 227 221 220	#E3DDDC

#CCDCD4 #CEDDD0 #D5DED1 #DBDFD3 #E0DFD6 #E1DDD9 #E3DDDC

#CCDCD4 - #DBDFD3 - #E3DDDC

CSS codes

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

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