#DCDCDD - #E1E7E0 | 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 #DCDCDD to #E1E7E0

#DCDCDD #E1E7E0

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

#DCDCDD - #E1E7E0 | 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 #DCDCDD as 0% and #E1E7E0 as 100%.

0.0%	0.0% #DCDCDD	RGB 220 220 221	#DCDCDD
16.7%	16.7% #DCDDDD	RGB 220 221 221	#DCDDDD
33.3%	33.3% #DDDFDE	RGB 221 223 222	#DDDFDE
50.0%	50.0% #DEE1DE	RGB 222 225 222	#DEE1DE
66.7%	66.7% #DFE3DF	RGB 223 227 223	#DFE3DF
83.3%	83.3% #E0E5DF	RGB 224 229 223	#E0E5DF
100.0%	100.0% #E1E7E0	RGB 225 231 224	#E1E7E0

#DCDCDD #DCDDDD #DDDFDE #DEE1DE #DFE3DF #E0E5DF #E1E7E0

#DCDCDD - #E1E7E0

HSV Blend

#DCDCDD - #E1E7E0 | 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 #DCDCDD as 0% and #E1E7E0 as 100%.

0.0%	0.0% #DCDCDD	RGB 220 220 221	#DCDCDD
16.7%	16.7% #DCDDDE	RGB 220 221 222	#DCDDDE
33.3%	33.3% #DDDFE0	RGB 221 223 224	#DDDFE0
50.0%	50.0% #DEE2E1	RGB 222 226 225	#DEE2E1
66.7%	66.7% #DEE3E1	RGB 222 227 225	#DEE3E1
83.3%	83.3% #DFE5E0	RGB 223 229 224	#DFE5E0
100.0%	100.0% #E1E7E0	RGB 225 231 224	#E1E7E0

#DCDCDD #DCDDDE #DDDFE0 #DEE2E1 #DEE3E1 #DFE5E0 #E1E7E0

#DCDCDD - #DEE2E1 - #E1E7E0

CSS codes

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

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