#ACA2AC - #EEB5FF | 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 #ACA2AC to #EEB5FF

#ACA2AC #EEB5FF

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

#ACA2AC - #EEB5FF | 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 #ACA2AC as 0% and #EEB5FF as 100%.

0.0%	0.0% #ACA2AC	RGB 172 162 172	#ACA2AC
16.7%	16.7% #B7A5B9	RGB 183 165 185	#B7A5B9
33.3%	33.3% #C2A8C7	RGB 194 168 199	#C2A8C7
50.0%	50.0% #CDABD5	RGB 205 171 213	#CDABD5
66.7%	66.7% #D8AEE3	RGB 216 174 227	#D8AEE3
83.3%	83.3% #E3B1F1	RGB 227 177 241	#E3B1F1
100.0%	100.0% #EEB5FF	RGB 238 181 255	#EEB5FF

#ACA2AC #B7A5B9 #C2A8C7 #CDABD5 #D8AEE3 #E3B1F1 #EEB5FF

#ACA2AC - #EEB5FF

HSV Blend

#ACA2AC - #EEB5FF | 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 #ACA2AC as 0% and #EEB5FF as 100%.

0.0%	0.0% #ACA2AC	RGB 172 162 172	#ACA2AC
16.7%	16.7% #B9A7B9	RGB 185 167 185	#B9A7B9
33.3%	33.3% #C5ACC7	RGB 197 172 199	#C5ACC7
50.0%	50.0% #D1B0D5	RGB 209 176 213	#D1B0D5
66.7%	66.7% #DBB2E3	RGB 219 178 227	#DBB2E3
83.3%	83.3% #E5B4F1	RGB 229 180 241	#E5B4F1
100.0%	100.0% #EEB5FF	RGB 238 181 255	#EEB5FF

#ACA2AC #B9A7B9 #C5ACC7 #D1B0D5 #DBB2E3 #E5B4F1 #EEB5FF

#ACA2AC - #D1B0D5 - #EEB5FF

CSS codes

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

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