#DBD4BC - #E3E2ED | 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 #DBD4BC to #E3E2ED

#DBD4BC #E3E2ED

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

#DBD4BC - #E3E2ED | 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 #DBD4BC as 0% and #E3E2ED as 100%.

0.0%	0.0% #DBD4BC	RGB 219 212 188	#DBD4BC
16.7%	16.7% #DCD6C4	RGB 220 214 196	#DCD6C4
33.3%	33.3% #DDD8CC	RGB 221 216 204	#DDD8CC
50.0%	50.0% #DFDBD4	RGB 223 219 212	#DFDBD4
66.7%	66.7% #E0DDDC	RGB 224 221 220	#E0DDDC
83.3%	83.3% #E1DFE4	RGB 225 223 228	#E1DFE4
100.0%	100.0% #E3E2ED	RGB 227 226 237	#E3E2ED

#DBD4BC #DCD6C4 #DDD8CC #DFDBD4 #E0DDDC #E1DFE4 #E3E2ED

#DBD4BC - #E3E2ED

HSV Blend

#DBD4BC - #E3E2ED | 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 #DBD4BC as 0% and #E3E2ED as 100%.

0.0%	0.0% #DBD4BC	RGB 219 212 188	#DBD4BC
16.7%	16.7% #DECBC2	RGB 222 203 194	#DECBC2
33.3%	33.3% #E1C8CB	RGB 225 200 203	#E1C8CB
50.0%	50.0% #E4CEDA	RGB 228 206 218	#E4CEDA
66.7%	66.7% #E6D4E7	RGB 230 212 231	#E6D4E7
83.3%	83.3% #E3DBEA	RGB 227 219 234	#E3DBEA
100.0%	100.0% #E3E2ED	RGB 227 226 237	#E3E2ED

#DBD4BC #DECBC2 #E1C8CB #E4CEDA #E6D4E7 #E3DBEA #E3E2ED

#DBD4BC - #E4CEDA - #E3E2ED

CSS codes

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

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