#AAA7A1 - #E4AEC1 | 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 #AAA7A1 to #E4AEC1

#AAA7A1 #E4AEC1

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

#AAA7A1 - #E4AEC1 | 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 #AAA7A1 as 0% and #E4AEC1 as 100%.

0.0%	0.0% #AAA7A1	RGB 170 167 161	#AAA7A1
16.7%	16.7% #B3A8A6	RGB 179 168 166	#B3A8A6
33.3%	33.3% #BDA9AB	RGB 189 169 171	#BDA9AB
50.0%	50.0% #C7AAB1	RGB 199 170 177	#C7AAB1
66.7%	66.7% #D0ABB6	RGB 208 171 182	#D0ABB6
83.3%	83.3% #DAACBB	RGB 218 172 187	#DAACBB
100.0%	100.0% #E4AEC1	RGB 228 174 193	#E4AEC1

#AAA7A1 #B3A8A6 #BDA9AB #C7AAB1 #D0ABB6 #DAACBB #E4AEC1

#AAA7A1 - #E4AEC1

HSV Blend

#AAA7A1 - #E4AEC1 | 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 #AAA7A1 as 0% and #E4AEC1 as 100%.

0.0%	0.0% #AAA7A1	RGB 170 167 161	#AAA7A1
16.7%	16.7% #B3ACA4	RGB 179 172 164	#B3ACA4
33.3%	33.3% #BDAEA7	RGB 189 174 167	#BDAEA7
50.0%	50.0% #C7AEAA	RGB 199 174 170	#C7AEAA
66.7%	66.7% #D0ACAC	RGB 208 172 172	#D0ACAC
83.3%	83.3% #DAADB5	RGB 218 173 181	#DAADB5
100.0%	100.0% #E4AEC1	RGB 228 174 193	#E4AEC1

#AAA7A1 #B3ACA4 #BDAEA7 #C7AEAA #D0ACAC #DAADB5 #E4AEC1

#AAA7A1 - #C7AEAA - #E4AEC1

CSS codes

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

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