#C9DEC3 - #E2DFDF | 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 #C9DEC3 to #E2DFDF

#C9DEC3 #E2DFDF

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

#C9DEC3 - #E2DFDF | 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 #C9DEC3 as 0% and #E2DFDF as 100%.

0.0%	0.0% #C9DEC3	RGB 201 222 195	#C9DEC3
16.7%	16.7% #CDDEC7	RGB 205 222 199	#CDDEC7
33.3%	33.3% #D1DECC	RGB 209 222 204	#D1DECC
50.0%	50.0% #D5DED1	RGB 213 222 209	#D5DED1
66.7%	66.7% #D9DED5	RGB 217 222 213	#D9DED5
83.3%	83.3% #DDDEDA	RGB 221 222 218	#DDDEDA
100.0%	100.0% #E2DFDF	RGB 226 223 223	#E2DFDF

#C9DEC3 #CDDEC7 #D1DECC #D5DED1 #D9DED5 #DDDEDA #E2DFDF

#C9DEC3 - #E2DFDF

HSV Blend

#C9DEC3 - #E2DFDF | 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 #C9DEC3 as 0% and #E2DFDF as 100%.

0.0%	0.0% #C9DEC3	RGB 201 222 195	#C9DEC3
16.7%	16.7% #D3DEC7	RGB 211 222 199	#D3DEC7
33.3%	33.3% #DBDFCC	RGB 219 223 204	#DBDFCC
50.0%	50.0% #E0DED0	RGB 224 222 208	#E0DED0
66.7%	66.7% #E0DCD5	RGB 224 220 213	#E0DCD5
83.3%	83.3% #E1DCDA	RGB 225 220 218	#E1DCDA
100.0%	100.0% #E2DFDF	RGB 226 223 223	#E2DFDF

#C9DEC3 #D3DEC7 #DBDFCC #E0DED0 #E0DCD5 #E1DCDA #E2DFDF

#C9DEC3 - #E0DED0 - #E2DFDF

CSS codes

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

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