#CECDD7 - #E1E6DF | 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 #CECDD7 to #E1E6DF

#CECDD7 #E1E6DF

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

#CECDD7 - #E1E6DF | 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 #CECDD7 as 0% and #E1E6DF as 100%.

0.0%	0.0% #CECDD7	RGB 206 205 215	#CECDD7
16.7%	16.7% #D1D1D8	RGB 209 209 216	#D1D1D8
33.3%	33.3% #D4D5D9	RGB 212 213 217	#D4D5D9
50.0%	50.0% #D7D9DB	RGB 215 217 219	#D7D9DB
66.7%	66.7% #DADDDC	RGB 218 221 220	#DADDDC
83.3%	83.3% #DDE1DD	RGB 221 225 221	#DDE1DD
100.0%	100.0% #E1E6DF	RGB 225 230 223	#E1E6DF

#CECDD7 #D1D1D8 #D4D5D9 #D7D9DB #DADDDC #DDE1DD #E1E6DF

#CECDD7 - #E1E6DF

HSV Blend

#CECDD7 - #E1E6DF | 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 #CECDD7 as 0% and #E1E6DF as 100%.

0.0%	0.0% #CECDD7	RGB 206 205 215	#CECDD7
16.7%	16.7% #CFD2D9	RGB 207 210 217	#CFD2D9
33.3%	33.3% #D2D9DC	RGB 210 217 220	#D2D9DC
50.0%	50.0% #D5DEDD	RGB 213 222 221	#D5DEDD
66.7%	66.7% #D8E1DD	RGB 216 225 221	#D8E1DD
83.3%	83.3% #DBE3DC	RGB 219 227 220	#DBE3DC
100.0%	100.0% #E1E6DF	RGB 225 230 223	#E1E6DF

#CECDD7 #CFD2D9 #D2D9DC #D5DEDD #D8E1DD #DBE3DC #E1E6DF

#CECDD7 - #D5DEDD - #E1E6DF

CSS codes

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

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