#DCDBDA - #ECE0C8 | 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 #DCDBDA to #ECE0C8

#DCDBDA #ECE0C8

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

#DCDBDA - #ECE0C8 | 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 #DCDBDA as 0% and #ECE0C8 as 100%.

0.0%	0.0% #DCDBDA	RGB 220 219 218	#DCDBDA
16.7%	16.7% #DEDBD7	RGB 222 219 215	#DEDBD7
33.3%	33.3% #E1DCD4	RGB 225 220 212	#E1DCD4
50.0%	50.0% #E4DDD1	RGB 228 221 209	#E4DDD1
66.7%	66.7% #E6DECE	RGB 230 222 206	#E6DECE
83.3%	83.3% #E9DFCB	RGB 233 223 203	#E9DFCB
100.0%	100.0% #ECE0C8	RGB 236 224 200	#ECE0C8

#DCDBDA #DEDBD7 #E1DCD4 #E4DDD1 #E6DECE #E9DFCB #ECE0C8

#DCDBDA - #ECE0C8

HSV Blend

#DCDBDA - #ECE0C8 | 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 #DCDBDA as 0% and #ECE0C8 as 100%.

0.0%	0.0% #DCDBDA	RGB 220 219 218	#DCDBDA
16.7%	16.7% #DEDBD7	RGB 222 219 215	#DEDBD7
33.3%	33.3% #E1DBD4	RGB 225 219 212	#E1DBD4
50.0%	50.0% #E4DCD1	RGB 228 220 209	#E4DCD1
66.7%	66.7% #E6DDCE	RGB 230 221 206	#E6DDCE
83.3%	83.3% #E9DECB	RGB 233 222 203	#E9DECB
100.0%	100.0% #ECE0C8	RGB 236 224 200	#ECE0C8

#DCDBDA #DEDBD7 #E1DBD4 #E4DCD1 #E6DDCE #E9DECB #ECE0C8

#DCDBDA - #E4DCD1 - #ECE0C8

CSS codes

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

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