#DBCDBC - #E2E2ED | 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 #DBCDBC to #E2E2ED

#DBCDBC #E2E2ED

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

#DBCDBC - #E2E2ED | 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 #DBCDBC as 0% and #E2E2ED as 100%.

0.0%	0.0% #DBCDBC	RGB 219 205 188	#DBCDBC
16.7%	16.7% #DCD0C4	RGB 220 208 196	#DCD0C4
33.3%	33.3% #DDD4CC	RGB 221 212 204	#DDD4CC
50.0%	50.0% #DED7D4	RGB 222 215 212	#DED7D4
66.7%	66.7% #DFDBDC	RGB 223 219 220	#DFDBDC
83.3%	83.3% #E0DEE4	RGB 224 222 228	#E0DEE4
100.0%	100.0% #E2E2ED	RGB 226 226 237	#E2E2ED

#DBCDBC #DCD0C4 #DDD4CC #DED7D4 #DFDBDC #E0DEE4 #E2E2ED

#DBCDBC - #E2E2ED

HSV Blend

#DBCDBC - #E2E2ED | 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 #DBCDBC as 0% and #E2E2ED as 100%.

0.0%	0.0% #DBCDBC	RGB 219 205 188	#DBCDBC
16.7%	16.7% #DEC5C2	RGB 222 197 194	#DEC5C2
33.3%	33.3% #E1C8CF	RGB 225 200 207	#E1C8CF
50.0%	50.0% #E4CEDE	RGB 228 206 222	#E4CEDE
66.7%	66.7% #E4D4E7	RGB 228 212 231	#E4D4E7
83.3%	83.3% #E1DBEA	RGB 225 219 234	#E1DBEA
100.0%	100.0% #E2E2ED	RGB 226 226 237	#E2E2ED

#DBCDBC #DEC5C2 #E1C8CF #E4CEDE #E4D4E7 #E1DBEA #E2E2ED

#DBCDBC - #E4CEDE - #E2E2ED

CSS codes

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

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