#CECDD1 - #DDE2D5 | 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 #CECDD1 to #DDE2D5

#CECDD1 #DDE2D5

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

#CECDD1 - #DDE2D5 | 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 #CECDD1 as 0% and #DDE2D5 as 100%.

0.0%	0.0% #CECDD1	RGB 206 205 209	#CECDD1
16.7%	16.7% #D0D0D1	RGB 208 208 209	#D0D0D1
33.3%	33.3% #D3D4D2	RGB 211 212 210	#D3D4D2
50.0%	50.0% #D5D7D3	RGB 213 215 211	#D5D7D3
66.7%	66.7% #D8DBD3	RGB 216 219 211	#D8DBD3
83.3%	83.3% #DADED4	RGB 218 222 212	#DADED4
100.0%	100.0% #DDE2D5	RGB 221 226 213	#DDE2D5

#CECDD1 #D0D0D1 #D3D4D2 #D5D7D3 #D8DBD3 #DADED4 #DDE2D5

#CECDD1 - #DDE2D5

HSV Blend

#CECDD1 - #DDE2D5 | 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 #CECDD1 as 0% and #DDE2D5 as 100%.

0.0%	0.0% #CECDD1	RGB 206 205 209	#CECDD1
16.7%	16.7% #CECFD3	RGB 206 207 211	#CECFD3
33.3%	33.3% #CFD4D6	RGB 207 212 214	#CFD4D6
50.0%	50.0% #D1D9D7	RGB 209 217 215	#D1D9D7
66.7%	66.7% #D2DCD5	RGB 210 220 213	#D2DCD5
83.3%	83.3% #D5DFD3	RGB 213 223 211	#D5DFD3
100.0%	100.0% #DDE2D5	RGB 221 226 213	#DDE2D5

#CECDD1 #CECFD3 #CFD4D6 #D1D9D7 #D2DCD5 #D5DFD3 #DDE2D5

#CECDD1 - #D1D9D7 - #DDE2D5

CSS codes

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

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