#ACA2AF - #E4B5FF | 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 #ACA2AF to #E4B5FF

#ACA2AF #E4B5FF

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

#ACA2AF - #E4B5FF | 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 #ACA2AF as 0% and #E4B5FF as 100%.

0.0%	0.0% #ACA2AF	RGB 172 162 175	#ACA2AF
16.7%	16.7% #B5A5BC	RGB 181 165 188	#B5A5BC
33.3%	33.3% #BEA8C9	RGB 190 168 201	#BEA8C9
50.0%	50.0% #C8ABD7	RGB 200 171 215	#C8ABD7
66.7%	66.7% #D1AEE4	RGB 209 174 228	#D1AEE4
83.3%	83.3% #DAB1F1	RGB 218 177 241	#DAB1F1
100.0%	100.0% #E4B5FF	RGB 228 181 255	#E4B5FF

#ACA2AF #B5A5BC #BEA8C9 #C8ABD7 #D1AEE4 #DAB1F1 #E4B5FF

#ACA2AF - #E4B5FF

HSV Blend

#ACA2AF - #E4B5FF | 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 #ACA2AF as 0% and #E4B5FF as 100%.

0.0%	0.0% #ACA2AF	RGB 172 162 175	#ACA2AF
16.7%	16.7% #B7A7BC	RGB 183 167 188	#B7A7BC
33.3%	33.3% #C1ACC9	RGB 193 172 201	#C1ACC9
50.0%	50.0% #CBAFD7	RGB 203 175 215	#CBAFD7
66.7%	66.7% #D4B2E4	RGB 212 178 228	#D4B2E4
83.3%	83.3% #DCB4F1	RGB 220 180 241	#DCB4F1
100.0%	100.0% #E4B5FF	RGB 228 181 255	#E4B5FF

#ACA2AF #B7A7BC #C1ACC9 #CBAFD7 #D4B2E4 #DCB4F1 #E4B5FF

#ACA2AF - #CBAFD7 - #E4B5FF

CSS codes

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

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