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

#CDCDD7 #E1E6DF

Calculate the color between two colors, #CDCDD7 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)

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

0.0%	0.0% #CDCDD7	RGB 205 205 215	#CDCDD7
16.7%	16.7% #D0D1D8	RGB 208 209 216	#D0D1D8
33.3%	33.3% #D3D5D9	RGB 211 213 217	#D3D5D9
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

#CDCDD7 #D0D1D8 #D3D5D9 #D7D9DB #DADDDC #DDE1DD #E1E6DF

#CDCDD7 - #E1E6DF

HSV Blend

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

0.0%	0.0% #CDCDD7	RGB 205 205 215	#CDCDD7
16.7%	16.7% #CFD3D9	RGB 207 211 217	#CFD3D9
33.3%	33.3% #D2D9DC	RGB 210 217 220	#D2D9DC
50.0%	50.0% #D5DEDD	RGB 213 222 221	#D5DEDD
66.7%	66.7% #D8E1DC	RGB 216 225 220	#D8E1DC
83.3%	83.3% #DBE3DC	RGB 219 227 220	#DBE3DC
100.0%	100.0% #E1E6DF	RGB 225 230 223	#E1E6DF

#CDCDD7 #CFD3D9 #D2D9DC #D5DEDD #D8E1DC #DBE3DC #E1E6DF

#CDCDD7 - #D5DEDD - #E1E6DF

CSS codes

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

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