#C4CCD4 - #E2DED9 | 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 #C4CCD4 to #E2DED9

#C4CCD4 #E2DED9

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

#C4CCD4 - #E2DED9 | 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 #C4CCD4 as 0% and #E2DED9 as 100%.

0.0%	0.0% #C4CCD4	RGB 196 204 212	#C4CCD4
16.7%	16.7% #C9CFD4	RGB 201 207 212	#C9CFD4
33.3%	33.3% #CED2D5	RGB 206 210 213	#CED2D5
50.0%	50.0% #D3D5D6	RGB 211 213 214	#D3D5D6
66.7%	66.7% #D8D8D7	RGB 216 216 215	#D8D8D7
83.3%	83.3% #DDDBD8	RGB 221 219 216	#DDDBD8
100.0%	100.0% #E2DED9	RGB 226 222 217	#E2DED9

#C4CCD4 #C9CFD4 #CED2D5 #D3D5D6 #D8D8D7 #DDDBD8 #E2DED9

#C4CCD4 - #E2DED9

HSV Blend

#C4CCD4 - #E2DED9 | 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 #C4CCD4 as 0% and #E2DED9 as 100%.

0.0%	0.0% #C4CCD4	RGB 196 204 212	#C4CCD4
16.7%	16.7% #C7D6D6	RGB 199 214 214	#C7D6D6
33.3%	33.3% #CAD8D2	RGB 202 216 210	#CAD8D2
50.0%	50.0% #CEDBCE	RGB 206 219 206	#CEDBCE
66.7%	66.7% #D7DDD1	RGB 215 221 209	#D7DDD1
83.3%	83.3% #DFDFD5	RGB 223 223 213	#DFDFD5
100.0%	100.0% #E2DED9	RGB 226 222 217	#E2DED9

#C4CCD4 #C7D6D6 #CAD8D2 #CEDBCE #D7DDD1 #DFDFD5 #E2DED9

#C4CCD4 - #CEDBCE - #E2DED9

CSS codes

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

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