#ECDFF6 - #8F80C5 | 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 #ECDFF6 to #8F80C5

#ECDFF6 #8F80C5

Calculate the color between two colors, #ECDFF6 and #8F80C5. 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)

#ECDFF6 - #8F80C5 | 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 #ECDFF6 as 0% and #8F80C5 as 100%.

0.0%	0.0% #ECDFF6	RGB 236 223 246	#ECDFF6
16.7%	16.7% #DCCFED	RGB 220 207 237	#DCCFED
33.3%	33.3% #CDBFE5	RGB 205 191 229	#CDBFE5
50.0%	50.0% #BDAFDD	RGB 189 175 221	#BDAFDD
66.7%	66.7% #AE9FD5	RGB 174 159 213	#AE9FD5
83.3%	83.3% #9E8FCD	RGB 158 143 205	#9E8FCD
100.0%	100.0% #8F80C5	RGB 143 128 197	#8F80C5

#ECDFF6 #DCCFED #CDBFE5 #BDAFDD #AE9FD5 #9E8FCD #8F80C5

#ECDFF6 - #8F80C5

HSV Blend

#ECDFF6 - #8F80C5 | 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 #ECDFF6 as 0% and #8F80C5 as 100%.

0.0%	0.0% #ECDFF6	RGB 236 223 246	#ECDFF6
16.7%	16.7% #DDCDED	RGB 221 205 237	#DDCDED
33.3%	33.3% #CFBCE5	RGB 207 188 229	#CFBCE5
50.0%	50.0% #BFACDD	RGB 191 172 221	#BFACDD
66.7%	66.7% #AF9CD5	RGB 175 156 213	#AF9CD5
83.3%	83.3% #9F8ECD	RGB 159 142 205	#9F8ECD
100.0%	100.0% #8F80C5	RGB 143 128 197	#8F80C5

#ECDFF6 #DDCDED #CFBCE5 #BFACDD #AF9CD5 #9F8ECD #8F80C5

#ECDFF6 - #BFACDD - #8F80C5

CSS codes

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

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