#DBD6D7 - #DDE5E3 | 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 #DBD6D7 to #DDE5E3

#DBD6D7 #DDE5E3

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

#DBD6D7 - #DDE5E3 | 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 #DBD6D7 as 0% and #DDE5E3 as 100%.

0.0%	0.0% #DBD6D7	RGB 219 214 215	#DBD6D7
16.7%	16.7% #DBD8D9	RGB 219 216 217	#DBD8D9
33.3%	33.3% #DBDBDB	RGB 219 219 219	#DBDBDB
50.0%	50.0% #DCDDDD	RGB 220 221 221	#DCDDDD
66.7%	66.7% #DCE0DF	RGB 220 224 223	#DCE0DF
83.3%	83.3% #DCE2E1	RGB 220 226 225	#DCE2E1
100.0%	100.0% #DDE5E3	RGB 221 229 227	#DDE5E3

#DBD6D7 #DBD8D9 #DBDBDB #DCDDDD #DCE0DF #DCE2E1 #DDE5E3

#DBD6D7 - #DDE5E3

HSV Blend

#DBD6D7 - #DDE5E3 | 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 #DBD6D7 as 0% and #DDE5E3 as 100%.

0.0%	0.0% #DBD6D7	RGB 219 214 215	#DBD6D7
16.7%	16.7% #DCD8D7	RGB 220 216 215	#DCD8D7
33.3%	33.3% #DEDDD8	RGB 222 221 216	#DEDDD8
50.0%	50.0% #DEE0D9	RGB 222 224 217	#DEE0D9
66.7%	66.7% #DCE1DA	RGB 220 225 218	#DCE1DA
83.3%	83.3% #DBE3DD	RGB 219 227 221	#DBE3DD
100.0%	100.0% #DDE5E3	RGB 221 229 227	#DDE5E3

#DBD6D7 #DCD8D7 #DEDDD8 #DEE0D9 #DCE1DA #DBE3DD #DDE5E3

#DBD6D7 - #DEE0D9 - #DDE5E3

CSS codes

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

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