#A486A1 - #E5DCE4 | 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 #A486A1 to #E5DCE4

#A486A1 #E5DCE4

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

#A486A1 - #E5DCE4 | 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 #A486A1 as 0% and #E5DCE4 as 100%.

0.0%	0.0% #A486A1	RGB 164 134 161	#A486A1
16.7%	16.7% #AE94AC	RGB 174 148 172	#AE94AC
33.3%	33.3% #B9A2B7	RGB 185 162 183	#B9A2B7
50.0%	50.0% #C4B1C2	RGB 196 177 194	#C4B1C2
66.7%	66.7% #CFBFCD	RGB 207 191 205	#CFBFCD
83.3%	83.3% #DACDD8	RGB 218 205 216	#DACDD8
100.0%	100.0% #E5DCE4	RGB 229 220 228	#E5DCE4

#A486A1 #AE94AC #B9A2B7 #C4B1C2 #CFBFCD #DACDD8 #E5DCE4

#A486A1 - #E5DCE4

HSV Blend

#A486A1 - #E5DCE4 | 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 #A486A1 as 0% and #E5DCE4 as 100%.

0.0%	0.0% #A486A1	RGB 164 134 161	#A486A1
16.7%	16.7% #AE93AC	RGB 174 147 172	#AE93AC
33.3%	33.3% #B9A0B7	RGB 185 160 183	#B9A0B7
50.0%	50.0% #C4AEC2	RGB 196 174 194	#C4AEC2
66.7%	66.7% #CFBDCD	RGB 207 189 205	#CFBDCD
83.3%	83.3% #DACCD8	RGB 218 204 216	#DACCD8
100.0%	100.0% #E5DCE4	RGB 229 220 228	#E5DCE4

#A486A1 #AE93AC #B9A0B7 #C4AEC2 #CFBDCD #DACCD8 #E5DCE4

#A486A1 - #C4AEC2 - #E5DCE4

CSS codes

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

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