#AAACAA - #E2DCB5 | 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 #AAACAA to #E2DCB5

#AAACAA #E2DCB5

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

#AAACAA - #E2DCB5 | 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 #AAACAA as 0% and #E2DCB5 as 100%.

0.0%	0.0% #AAACAA	RGB 170 172 170	#AAACAA
16.7%	16.7% #B3B4AB	RGB 179 180 171	#B3B4AB
33.3%	33.3% #BCBCAD	RGB 188 188 173	#BCBCAD
50.0%	50.0% #C6C4AF	RGB 198 196 175	#C6C4AF
66.7%	66.7% #CFCCB1	RGB 207 204 177	#CFCCB1
83.3%	83.3% #D8D4B3	RGB 216 212 179	#D8D4B3
100.0%	100.0% #E2DCB5	RGB 226 220 181	#E2DCB5

#AAACAA #B3B4AB #BCBCAD #C6C4AF #CFCCB1 #D8D4B3 #E2DCB5

#AAACAA - #E2DCB5

HSV Blend

#AAACAA - #E2DCB5 | 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 #AAACAA as 0% and #E2DCB5 as 100%.

0.0%	0.0% #AAACAA	RGB 170 172 170	#AAACAA
16.7%	16.7% #AEB5AD	RGB 174 181 173	#AEB5AD
33.3%	33.3% #B5BEAF	RGB 181 190 175	#B5BEAF
50.0%	50.0% #BDC7B2	RGB 189 199 178	#BDC7B2
66.7%	66.7% #C9D0B3	RGB 201 208 179	#C9D0B3
83.3%	83.3% #D6D9B4	RGB 214 217 180	#D6D9B4
100.0%	100.0% #E2DCB5	RGB 226 220 181	#E2DCB5

#AAACAA #AEB5AD #B5BEAF #BDC7B2 #C9D0B3 #D6D9B4 #E2DCB5

#AAACAA - #BDC7B2 - #E2DCB5

CSS codes

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

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