#D9DBDC - #E6E4DF | 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 #D9DBDC to #E6E4DF

#D9DBDC #E6E4DF

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

#D9DBDC - #E6E4DF | 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 #D9DBDC as 0% and #E6E4DF as 100%.

0.0%	0.0% #D9DBDC	RGB 217 219 220	#D9DBDC
16.7%	16.7% #DBDCDC	RGB 219 220 220	#DBDCDC
33.3%	33.3% #DDDEDD	RGB 221 222 221	#DDDEDD
50.0%	50.0% #DFDFDD	RGB 223 223 221	#DFDFDD
66.7%	66.7% #E1E1DE	RGB 225 225 222	#E1E1DE
83.3%	83.3% #E3E2DE	RGB 227 226 222	#E3E2DE
100.0%	100.0% #E6E4DF	RGB 230 228 223	#E6E4DF

#D9DBDC #DBDCDC #DDDEDD #DFDFDD #E1E1DE #E3E2DE #E6E4DF

#D9DBDC - #E6E4DF

HSV Blend

#D9DBDC - #E6E4DF | 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 #D9DBDC as 0% and #E6E4DF as 100%.

0.0%	0.0% #D9DBDC	RGB 217 219 220	#D9DBDC
16.7%	16.7% #DADDDD	RGB 218 221 221	#DADDDD
33.3%	33.3% #DBDFDD	RGB 219 223 221	#DBDFDD
50.0%	50.0% #DCE1DC	RGB 220 225 220	#DCE1DC
66.7%	66.7% #DFE2DD	RGB 223 226 221	#DFE2DD
83.3%	83.3% #E3E4DE	RGB 227 228 222	#E3E4DE
100.0%	100.0% #E6E4DF	RGB 230 228 223	#E6E4DF

#D9DBDC #DADDDD #DBDFDD #DCE1DC #DFE2DD #E3E4DE #E6E4DF

#D9DBDC - #DCE1DC - #E6E4DF

CSS codes

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

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