#ECC5E8 - #C25AA9 | 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 #ECC5E8 to #C25AA9

#ECC5E8 #C25AA9

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

#ECC5E8 - #C25AA9 | 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 #ECC5E8 as 0% and #C25AA9 as 100%.

0.0%	0.0% #ECC5E8	RGB 236 197 232	#ECC5E8
16.7%	16.7% #E5B3DD	RGB 229 179 221	#E5B3DD
33.3%	33.3% #DEA1D3	RGB 222 161 211	#DEA1D3
50.0%	50.0% #D78FC8	RGB 215 143 200	#D78FC8
66.7%	66.7% #D07DBE	RGB 208 125 190	#D07DBE
83.3%	83.3% #C96BB3	RGB 201 107 179	#C96BB3
100.0%	100.0% #C25AA9	RGB 194 90 169	#C25AA9

#ECC5E8 #E5B3DD #DEA1D3 #D78FC8 #D07DBE #C96BB3 #C25AA9

#ECC5E8 - #C25AA9

HSV Blend

#ECC5E8 - #C25AA9 | 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 #ECC5E8 as 0% and #C25AA9 as 100%.

0.0%	0.0% #ECC5E8	RGB 236 197 232	#ECC5E8
16.7%	16.7% #E5B1DE	RGB 229 177 222	#E5B1DE
33.3%	33.3% #DE9DD4	RGB 222 157 212	#DE9DD4
50.0%	50.0% #D78BCA	RGB 215 139 202	#D78BCA
66.7%	66.7% #D07ABF	RGB 208 122 191	#D07ABF
83.3%	83.3% #C969B4	RGB 201 105 180	#C969B4
100.0%	100.0% #C25AA9	RGB 194 90 169	#C25AA9

#ECC5E8 #E5B1DE #DE9DD4 #D78BCA #D07ABF #C969B4 #C25AA9

#ECC5E8 - #D78BCA - #C25AA9

CSS codes

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

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