#ECE5FF - #A990CD | 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 #ECE5FF to #A990CD

#ECE5FF #A990CD

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

#ECE5FF - #A990CD | 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 #ECE5FF as 0% and #A990CD as 100%.

0.0%	0.0% #ECE5FF	RGB 236 229 255	#ECE5FF
16.7%	16.7% #E0D6F6	RGB 224 214 246	#E0D6F6
33.3%	33.3% #D5C8EE	RGB 213 200 238	#D5C8EE
50.0%	50.0% #CABAE6	RGB 202 186 230	#CABAE6
66.7%	66.7% #BFACDD	RGB 191 172 221	#BFACDD
83.3%	83.3% #B49ED5	RGB 180 158 213	#B49ED5
100.0%	100.0% #A990CD	RGB 169 144 205	#A990CD

#ECE5FF #E0D6F6 #D5C8EE #CABAE6 #BFACDD #B49ED5 #A990CD

#ECE5FF - #A990CD

HSV Blend

#ECE5FF - #A990CD | 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 #ECE5FF as 0% and #A990CD as 100%.

0.0%	0.0% #ECE5FF	RGB 236 229 255	#ECE5FF
16.7%	16.7% #DFD5F6	RGB 223 213 246	#DFD5F6
33.3%	33.3% #D3C6EE	RGB 211 198 238	#D3C6EE
50.0%	50.0% #C7B8E6	RGB 199 184 230	#C7B8E6
66.7%	66.7% #BCAADD	RGB 188 170 221	#BCAADD
83.3%	83.3% #B29CD5	RGB 178 156 213	#B29CD5
100.0%	100.0% #A990CD	RGB 169 144 205	#A990CD

#ECE5FF #DFD5F6 #D3C6EE #C7B8E6 #BCAADD #B29CD5 #A990CD

#ECE5FF - #C7B8E6 - #A990CD

CSS codes

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

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