#ACA5E1 - #EDC8FB | 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 #ACA5E1 to #EDC8FB

#ACA5E1 #EDC8FB

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

#ACA5E1 - #EDC8FB | 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 #ACA5E1 as 0% and #EDC8FB as 100%.

0.0%	0.0% #ACA5E1	RGB 172 165 225	#ACA5E1
16.7%	16.7% #B6AAE5	RGB 182 170 229	#B6AAE5
33.3%	33.3% #C1B0E9	RGB 193 176 233	#C1B0E9
50.0%	50.0% #CCB6EE	RGB 204 182 238	#CCB6EE
66.7%	66.7% #D7BCF2	RGB 215 188 242	#D7BCF2
83.3%	83.3% #E2C2F6	RGB 226 194 246	#E2C2F6
100.0%	100.0% #EDC8FB	RGB 237 200 251	#EDC8FB

#ACA5E1 #B6AAE5 #C1B0E9 #CCB6EE #D7BCF2 #E2C2F6 #EDC8FB

#ACA5E1 - #EDC8FB

HSV Blend

#ACA5E1 - #EDC8FB | 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 #ACA5E1 as 0% and #EDC8FB as 100%.

0.0%	0.0% #ACA5E1	RGB 172 165 225	#ACA5E1
16.7%	16.7% #B7AAE5	RGB 183 170 229	#B7AAE5
33.3%	33.3% #C2B0E9	RGB 194 176 233	#C2B0E9
50.0%	50.0% #CDB6EE	RGB 205 182 238	#CDB6EE
66.7%	66.7% #D8BBF2	RGB 216 187 242	#D8BBF2
83.3%	83.3% #E2C1F6	RGB 226 193 246	#E2C1F6
100.0%	100.0% #EDC8FB	RGB 237 200 251	#EDC8FB

#ACA5E1 #B7AAE5 #C2B0E9 #CDB6EE #D8BBF2 #E2C1F6 #EDC8FB

#ACA5E1 - #CDB6EE - #EDC8FB

CSS codes

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

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