#ACA3E2 - #EDC6FB | 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 #ACA3E2 to #EDC6FB

#ACA3E2 #EDC6FB

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

#ACA3E2 - #EDC6FB | 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 #ACA3E2 as 0% and #EDC6FB as 100%.

0.0%	0.0% #ACA3E2	RGB 172 163 226	#ACA3E2
16.7%	16.7% #B6A8E6	RGB 182 168 230	#B6A8E6
33.3%	33.3% #C1AEEA	RGB 193 174 234	#C1AEEA
50.0%	50.0% #CCB4EE	RGB 204 180 238	#CCB4EE
66.7%	66.7% #D7BAF2	RGB 215 186 242	#D7BAF2
83.3%	83.3% #E2C0F6	RGB 226 192 246	#E2C0F6
100.0%	100.0% #EDC6FB	RGB 237 198 251	#EDC6FB

#ACA3E2 #B6A8E6 #C1AEEA #CCB4EE #D7BAF2 #E2C0F6 #EDC6FB

#ACA3E2 - #EDC6FB

HSV Blend

#ACA3E2 - #EDC6FB | 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 #ACA3E2 as 0% and #EDC6FB as 100%.

0.0%	0.0% #ACA3E2	RGB 172 163 226	#ACA3E2
16.7%	16.7% #B7A8E6	RGB 183 168 230	#B7A8E6
33.3%	33.3% #C2AEEA	RGB 194 174 234	#C2AEEA
50.0%	50.0% #CDB4EE	RGB 205 180 238	#CDB4EE
66.7%	66.7% #D8B9F2	RGB 216 185 242	#D8B9F2
83.3%	83.3% #E2BFF6	RGB 226 191 246	#E2BFF6
100.0%	100.0% #EDC6FB	RGB 237 198 251	#EDC6FB

#ACA3E2 #B7A8E6 #C2AEEA #CDB4EE #D8B9F2 #E2BFF6 #EDC6FB

#ACA3E2 - #CDB4EE - #EDC6FB

CSS codes

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

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