#ACA3E9 - #EDC8F9 | 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 #ACA3E9 to #EDC8F9

#ACA3E9 #EDC8F9

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

#ACA3E9 - #EDC8F9 | 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 #ACA3E9 as 0% and #EDC8F9 as 100%.

0.0%	0.0% #ACA3E9	RGB 172 163 233	#ACA3E9
16.7%	16.7% #B6A9EB	RGB 182 169 235	#B6A9EB
33.3%	33.3% #C1AFEE	RGB 193 175 238	#C1AFEE
50.0%	50.0% #CCB5F1	RGB 204 181 241	#CCB5F1
66.7%	66.7% #D7BBF3	RGB 215 187 243	#D7BBF3
83.3%	83.3% #E2C1F6	RGB 226 193 246	#E2C1F6
100.0%	100.0% #EDC8F9	RGB 237 200 249	#EDC8F9

#ACA3E9 #B6A9EB #C1AFEE #CCB5F1 #D7BBF3 #E2C1F6 #EDC8F9

#ACA3E9 - #EDC8F9

HSV Blend

#ACA3E9 - #EDC8F9 | 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 #ACA3E9 as 0% and #EDC8F9 as 100%.

0.0%	0.0% #ABA3E9	RGB 171 163 233	#ABA3E9
16.7%	16.7% #B8A8EB	RGB 184 168 235	#B8A8EB
33.3%	33.3% #C4AEEE	RGB 196 174 238	#C4AEEE
50.0%	50.0% #CFB5F1	RGB 207 181 241	#CFB5F1
66.7%	66.7% #DABBF3	RGB 218 187 243	#DABBF3
83.3%	83.3% #E3C1F6	RGB 227 193 246	#E3C1F6
100.0%	100.0% #EDC8F9	RGB 237 200 249	#EDC8F9

#ABA3E9 #B8A8EB #C4AEEE #CFB5F1 #DABBF3 #E3C1F6 #EDC8F9

#ACA3E9 - #CFB5F1 - #EDC8F9

CSS codes

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

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