#C9CCD2 - #E2DFD6 | 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 #C9CCD2 to #E2DFD6

#C9CCD2 #E2DFD6

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

#C9CCD2 - #E2DFD6 | 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 #C9CCD2 as 0% and #E2DFD6 as 100%.

0.0%	0.0% #C9CCD2	RGB 201 204 210	#C9CCD2
16.7%	16.7% #CDCFD2	RGB 205 207 210	#CDCFD2
33.3%	33.3% #D1D2D3	RGB 209 210 211	#D1D2D3
50.0%	50.0% #D5D5D4	RGB 213 213 212	#D5D5D4
66.7%	66.7% #D9D8D4	RGB 217 216 212	#D9D8D4
83.3%	83.3% #DDDBD5	RGB 221 219 213	#DDDBD5
100.0%	100.0% #E2DFD6	RGB 226 223 214	#E2DFD6

#C9CCD2 #CDCFD2 #D1D2D3 #D5D5D4 #D9D8D4 #DDDBD5 #E2DFD6

#C9CCD2 - #E2DFD6

HSV Blend

#C9CCD2 - #E2DFD6 | 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 #C9CCD2 as 0% and #E2DFD6 as 100%.

0.0%	0.0% #C9CCD2	RGB 201 204 210	#C9CCD2
16.7%	16.7% #CBD2D4	RGB 203 210 212	#CBD2D4
33.3%	33.3% #CDD7D4	RGB 205 215 212	#CDD7D4
50.0%	50.0% #CFDAD1	RGB 207 218 209	#CFDAD1
66.7%	66.7% #D4DCD1	RGB 212 220 209	#D4DCD1
83.3%	83.3% #DCDFD3	RGB 220 223 211	#DCDFD3
100.0%	100.0% #E2DFD6	RGB 226 223 214	#E2DFD6

#C9CCD2 #CBD2D4 #CDD7D4 #CFDAD1 #D4DCD1 #DCDFD3 #E2DFD6

#C9CCD2 - #CFDAD1 - #E2DFD6

CSS codes

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

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