#DBD8CE - #E2DFE5 | 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 #DBD8CE to #E2DFE5

#DBD8CE #E2DFE5

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

#DBD8CE - #E2DFE5 | 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 #DBD8CE as 0% and #E2DFE5 as 100%.

0.0%	0.0% #DBD8CE	RGB 219 216 206	#DBD8CE
16.7%	16.7% #DCD9D1	RGB 220 217 209	#DCD9D1
33.3%	33.3% #DDDAD5	RGB 221 218 213	#DDDAD5
50.0%	50.0% #DEDBD9	RGB 222 219 217	#DEDBD9
66.7%	66.7% #DFDCDD	RGB 223 220 221	#DFDCDD
83.3%	83.3% #E0DDE1	RGB 224 221 225	#E0DDE1
100.0%	100.0% #E2DFE5	RGB 226 223 229	#E2DFE5

#DBD8CE #DCD9D1 #DDDAD5 #DEDBD9 #DFDCDD #E0DDE1 #E2DFE5

#DBD8CE - #E2DFE5

HSV Blend

#DBD8CE - #E2DFE5 | 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 #DBD8CE as 0% and #E2DFE5 as 100%.

0.0%	0.0% #DBD8CE	RGB 219 216 206	#DBD8CE
16.7%	16.7% #DCD5D0	RGB 220 213 208	#DCD5D0
33.3%	33.3% #DED3D3	RGB 222 211 211	#DED3D3
50.0%	50.0% #E0D6D9	RGB 224 214 217	#E0D6D9
66.7%	66.7% #E1D9DF	RGB 225 217 223	#E1D9DF
83.3%	83.3% #E2DCE3	RGB 226 220 227	#E2DCE3
100.0%	100.0% #E2DFE5	RGB 226 223 229	#E2DFE5

#DBD8CE #DCD5D0 #DED3D3 #E0D6D9 #E1D9DF #E2DCE3 #E2DFE5

#DBD8CE - #E0D6D9 - #E2DFE5

CSS codes

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

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