#DACDCC - #E2E3E7 | 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 #DACDCC to #E2E3E7

#DACDCC #E2E3E7

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

#DACDCC - #E2E3E7 | 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 #DACDCC as 0% and #E2E3E7 as 100%.

0.0%	0.0% #DACDCC	RGB 218 205 204	#DACDCC
16.7%	16.7% #DBD0D0	RGB 219 208 208	#DBD0D0
33.3%	33.3% #DCD4D5	RGB 220 212 213	#DCD4D5
50.0%	50.0% #DED8D9	RGB 222 216 217	#DED8D9
66.7%	66.7% #DFDBDE	RGB 223 219 222	#DFDBDE
83.3%	83.3% #E0DFE2	RGB 224 223 226	#E0DFE2
100.0%	100.0% #E2E3E7	RGB 226 227 231	#E2E3E7

#DACDCC #DBD0D0 #DCD4D5 #DED8D9 #DFDBDE #E0DFE2 #E2E3E7

#DACDCC - #E2E3E7

HSV Blend

#DACDCC - #E2E3E7 | 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 #DACDCC as 0% and #E2E3E7 as 100%.

0.0%	0.0% #DACDCC	RGB 218 205 204	#DACDCC
16.7%	16.7% #DCCFD3	RGB 220 207 211	#DCCFD3
33.3%	33.3% #DED3DA	RGB 222 211 218	#DED3DA
50.0%	50.0% #DFD6E0	RGB 223 214 224	#DFD6E0
66.7%	66.7% #DFDAE2	RGB 223 218 226	#DFDAE2
83.3%	83.3% #DFDEE4	RGB 223 222 228	#DFDEE4
100.0%	100.0% #E2E3E7	RGB 226 227 231	#E2E3E7

#DACDCC #DCCFD3 #DED3DA #DFD6E0 #DFDAE2 #DFDEE4 #E2E3E7

#DACDCC - #DFD6E0 - #E2E3E7

CSS codes

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

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