#ECC0D2 - #DDCFE8 | 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 #ECC0D2 to #DDCFE8

#ECC0D2 #DDCFE8

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

#ECC0D2 - #DDCFE8 | 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 #ECC0D2 as 0% and #DDCFE8 as 100%.

0.0%	0.0% #ECC0D2	RGB 236 192 210	#ECC0D2
16.7%	16.7% #E9C2D5	RGB 233 194 213	#E9C2D5
33.3%	33.3% #E7C5D9	RGB 231 197 217	#E7C5D9
50.0%	50.0% #E4C7DD	RGB 228 199 221	#E4C7DD
66.7%	66.7% #E2CAE0	RGB 226 202 224	#E2CAE0
83.3%	83.3% #DFCCE4	RGB 223 204 228	#DFCCE4
100.0%	100.0% #DDCFE8	RGB 221 207 232	#DDCFE8

#ECC0D2 #E9C2D5 #E7C5D9 #E4C7DD #E2CAE0 #DFCCE4 #DDCFE8

#ECC0D2 - #DDCFE8

HSV Blend

#ECC0D2 - #DDCFE8 | 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 #ECC0D2 as 0% and #DDCFE8 as 100%.

0.0%	0.0% #ECC0D2	RGB 236 192 210	#ECC0D2
16.7%	16.7% #EBC2DA	RGB 235 194 218	#EBC2DA
33.3%	33.3% #EAC5E1	RGB 234 197 225	#EAC5E1
50.0%	50.0% #EAC7E7	RGB 234 199 231	#EAC7E7
66.7%	66.7% #E6CAE9	RGB 230 202 233	#E6CAE9
83.3%	83.3% #E1CCE8	RGB 225 204 232	#E1CCE8
100.0%	100.0% #DDCFE8	RGB 221 207 232	#DDCFE8

#ECC0D2 #EBC2DA #EAC5E1 #EAC7E7 #E6CAE9 #E1CCE8 #DDCFE8

#ECC0D2 - #EAC7E7 - #DDCFE8

CSS codes

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

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