#DCDEC2 - #EFF6DC | 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 #DCDEC2 to #EFF6DC

#DCDEC2 #EFF6DC

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

#DCDEC2 - #EFF6DC | 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 #DCDEC2 as 0% and #EFF6DC as 100%.

0.0%	0.0% #DCDEC2	RGB 220 222 194	#DCDEC2
16.7%	16.7% #DFE2C6	RGB 223 226 198	#DFE2C6
33.3%	33.3% #E2E6CA	RGB 226 230 202	#E2E6CA
50.0%	50.0% #E5EACF	RGB 229 234 207	#E5EACF
66.7%	66.7% #E8EED3	RGB 232 238 211	#E8EED3
83.3%	83.3% #EBF2D7	RGB 235 242 215	#EBF2D7
100.0%	100.0% #EFF6DC	RGB 239 246 220	#EFF6DC

#DCDEC2 #DFE2C6 #E2E6CA #E5EACF #E8EED3 #EBF2D7 #EFF6DC

#DCDEC2 - #EFF6DC

HSV Blend

#DCDEC2 - #EFF6DC | 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 #DCDEC2 as 0% and #EFF6DC as 100%.

0.0%	0.0% #DCDEC2	RGB 220 222 194	#DCDEC2
16.7%	16.7% #DFE2C6	RGB 223 226 198	#DFE2C6
33.3%	33.3% #E2E6CA	RGB 226 230 202	#E2E6CA
50.0%	50.0% #E5EACE	RGB 229 234 206	#E5EACE
66.7%	66.7% #E8EED3	RGB 232 238 211	#E8EED3
83.3%	83.3% #EBF2D7	RGB 235 242 215	#EBF2D7
100.0%	100.0% #EFF6DC	RGB 239 246 220	#EFF6DC

#DCDEC2 #DFE2C6 #E2E6CA #E5EACE #E8EED3 #EBF2D7 #EFF6DC

#DCDEC2 - #E5EACE - #EFF6DC

CSS codes

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

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