#DCCEC5 - #EFCCDF | 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 #DCCEC5 to #EFCCDF

#DCCEC5 #EFCCDF

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

#DCCEC5 - #EFCCDF | 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 #DCCEC5 as 0% and #EFCCDF as 100%.

0.0%	0.0% #DCCEC5	RGB 220 206 197	#DCCEC5
16.7%	16.7% #DFCDC9	RGB 223 205 201	#DFCDC9
33.3%	33.3% #E2CDCD	RGB 226 205 205	#E2CDCD
50.0%	50.0% #E5CDD2	RGB 229 205 210	#E5CDD2
66.7%	66.7% #E8CCD6	RGB 232 204 214	#E8CCD6
83.3%	83.3% #EBCCDA	RGB 235 204 218	#EBCCDA
100.0%	100.0% #EFCCDF	RGB 239 204 223	#EFCCDF

#DCCEC5 #DFCDC9 #E2CDCD #E5CDD2 #E8CCD6 #EBCCDA #EFCCDF

#DCCEC5 - #EFCCDF

HSV Blend

#DCCEC5 - #EFCCDF | 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 #DCCEC5 as 0% and #EFCCDF as 100%.

0.0%	0.0% #DCCEC5	RGB 220 206 197	#DCCEC5
16.7%	16.7% #DFCCC6	RGB 223 204 198	#DFCCC6
33.3%	33.3% #E2C9C7	RGB 226 201 199	#E2C9C7
50.0%	50.0% #E5C8CA	RGB 229 200 202	#E5C8CA
66.7%	66.7% #E8C9D0	RGB 232 201 208	#E8C9D0
83.3%	83.3% #EBCAD7	RGB 235 202 215	#EBCAD7
100.0%	100.0% #EFCCDF	RGB 239 204 223	#EFCCDF

#DCCEC5 #DFCCC6 #E2C9C7 #E5C8CA #E8C9D0 #EBCAD7 #EFCCDF

#DCCEC5 - #E5C8CA - #EFCCDF

CSS codes

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

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