#ECE2FE - #A68ED1 | 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 #ECE2FE to #A68ED1

#ECE2FE #A68ED1

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

#ECE2FE - #A68ED1 | 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 #ECE2FE as 0% and #A68ED1 as 100%.

0.0%	0.0% #ECE2FE	RGB 236 226 254	#ECE2FE
16.7%	16.7% #E0D4F6	RGB 224 212 246	#E0D4F6
33.3%	33.3% #D4C6EF	RGB 212 198 239	#D4C6EF
50.0%	50.0% #C9B8E7	RGB 201 184 231	#C9B8E7
66.7%	66.7% #BDAAE0	RGB 189 170 224	#BDAAE0
83.3%	83.3% #B19CD8	RGB 177 156 216	#B19CD8
100.0%	100.0% #A68ED1	RGB 166 142 209	#A68ED1

#ECE2FE #E0D4F6 #D4C6EF #C9B8E7 #BDAAE0 #B19CD8 #A68ED1

#ECE2FE - #A68ED1

HSV Blend

#ECE2FE - #A68ED1 | 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 #ECE2FE as 0% and #A68ED1 as 100%.

0.0%	0.0% #ECE2FE	RGB 236 226 254	#ECE2FE
16.7%	16.7% #DFD2F6	RGB 223 210 246	#DFD2F6
33.3%	33.3% #D3C3EF	RGB 211 195 239	#D3C3EF
50.0%	50.0% #C7B5E7	RGB 199 181 231	#C7B5E7
66.7%	66.7% #BBA7E0	RGB 187 167 224	#BBA7E0
83.3%	83.3% #B09AD8	RGB 176 154 216	#B09AD8
100.0%	100.0% #A68ED1	RGB 166 142 209	#A68ED1

#ECE2FE #DFD2F6 #D3C3EF #C7B5E7 #BBA7E0 #B09AD8 #A68ED1

#ECE2FE - #C7B5E7 - #A68ED1

CSS codes

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

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