#D4CFC8 - #ECCDD4 | 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 #D4CFC8 to #ECCDD4

#D4CFC8 #ECCDD4

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

#D4CFC8 - #ECCDD4 | 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 #D4CFC8 as 0% and #ECCDD4 as 100%.

0.0%	0.0% #D4CFC8	RGB 212 207 200	#D4CFC8
16.7%	16.7% #D8CECA	RGB 216 206 202	#D8CECA
33.3%	33.3% #DCCECC	RGB 220 206 204	#DCCECC
50.0%	50.0% #E0CECE	RGB 224 206 206	#E0CECE
66.7%	66.7% #E4CDD0	RGB 228 205 208	#E4CDD0
83.3%	83.3% #E8CDD2	RGB 232 205 210	#E8CDD2
100.0%	100.0% #ECCDD4	RGB 236 205 212	#ECCDD4

#D4CFC8 #D8CECA #DCCECC #E0CECE #E4CDD0 #E8CDD2 #ECCDD4

#D4CFC8 - #ECCDD4

HSV Blend

#D4CFC8 - #ECCDD4 | 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 #D4CFC8 as 0% and #ECCDD4 as 100%.

0.0%	0.0% #D4CFC8	RGB 212 207 200	#D4CFC8
16.7%	16.7% #D8CFC9	RGB 216 207 201	#D8CFC9
33.3%	33.3% #DCCFCA	RGB 220 207 202	#DCCFCA
50.0%	50.0% #E0CECA	RGB 224 206 202	#E0CECA
66.7%	66.7% #E4CCCB	RGB 228 204 203	#E4CCCB
83.3%	83.3% #E8CCCE	RGB 232 204 206	#E8CCCE
100.0%	100.0% #ECCDD4	RGB 236 205 212	#ECCDD4

#D4CFC8 #D8CFC9 #DCCFCA #E0CECA #E4CCCB #E8CCCE #ECCDD4

#D4CFC8 - #E0CECA - #ECCDD4

CSS codes

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

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