#ECDCE3 - #CD8EB1 | 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 #ECDCE3 to #CD8EB1

#ECDCE3 #CD8EB1

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

#ECDCE3 - #CD8EB1 | 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 #ECDCE3 as 0% and #CD8EB1 as 100%.

0.0%	0.0% #ECDCE3	RGB 236 220 227	#ECDCE3
16.7%	16.7% #E6CFDA	RGB 230 207 218	#E6CFDA
33.3%	33.3% #E1C2D2	RGB 225 194 210	#E1C2D2
50.0%	50.0% #DCB5CA	RGB 220 181 202	#DCB5CA
66.7%	66.7% #D7A8C1	RGB 215 168 193	#D7A8C1
83.3%	83.3% #D29BB9	RGB 210 155 185	#D29BB9
100.0%	100.0% #CD8EB1	RGB 205 142 177	#CD8EB1

#ECDCE3 #E6CFDA #E1C2D2 #DCB5CA #D7A8C1 #D29BB9 #CD8EB1

#ECDCE3 - #CD8EB1

HSV Blend

#ECDCE3 - #CD8EB1 | 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 #ECDCE3 as 0% and #CD8EB1 as 100%.

0.0%	0.0% #ECDCE3	RGB 236 220 227	#ECDCE3
16.7%	16.7% #E6CDD9	RGB 230 205 217	#E6CDD9
33.3%	33.3% #E1C0D0	RGB 225 192 208	#E1C0D0
50.0%	50.0% #DCB3C7	RGB 220 179 199	#DCB3C7
66.7%	66.7% #D7A6BF	RGB 215 166 191	#D7A6BF
83.3%	83.3% #D299B8	RGB 210 153 184	#D299B8
100.0%	100.0% #CD8EB1	RGB 205 142 177	#CD8EB1

#ECDCE3 #E6CDD9 #E1C0D0 #DCB3C7 #D7A6BF #D299B8 #CD8EB1

#ECDCE3 - #DCB3C7 - #CD8EB1

CSS codes

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

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