#D8C7C7 - #ECCDEA | 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 #D8C7C7 to #ECCDEA

#D8C7C7 #ECCDEA

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

#D8C7C7 - #ECCDEA | 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 #D8C7C7 as 0% and #ECCDEA as 100%.

0.0%	0.0% #D8C7C7	RGB 216 199 199	#D8C7C7
16.7%	16.7% #DBC8CC	RGB 219 200 204	#DBC8CC
33.3%	33.3% #DEC9D2	RGB 222 201 210	#DEC9D2
50.0%	50.0% #E2CAD8	RGB 226 202 216	#E2CAD8
66.7%	66.7% #E5CBDE	RGB 229 203 222	#E5CBDE
83.3%	83.3% #E8CCE4	RGB 232 204 228	#E8CCE4
100.0%	100.0% #ECCDEA	RGB 236 205 234	#ECCDEA

#D8C7C7 #DBC8CC #DEC9D2 #E2CAD8 #E5CBDE #E8CCE4 #ECCDEA

#D8C7C7 - #ECCDEA

HSV Blend

#D8C7C7 - #ECCDEA | 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 #D8C7C7 as 0% and #ECCDEA as 100%.

0.0%	0.0% #D8C7C7	RGB 216 199 199	#D8C7C7
16.7%	16.7% #DBC8CB	RGB 219 200 203	#DBC8CB
33.3%	33.3% #DEC9CF	RGB 222 201 207	#DEC9CF
50.0%	50.0% #E2CAD5	RGB 226 202 213	#E2CAD5
66.7%	66.7% #E5CBDB	RGB 229 203 219	#E5CBDB
83.3%	83.3% #E8CCE2	RGB 232 204 226	#E8CCE2
100.0%	100.0% #ECCDEA	RGB 236 205 234	#ECCDEA

#D8C7C7 #DBC8CB #DEC9CF #E2CAD5 #E5CBDB #E8CCE2 #ECCDEA

#D8C7C7 - #E2CAD5 - #ECCDEA

CSS codes

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

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