#AAB0AA - #E4D0B5 | 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 #AAB0AA to #E4D0B5

#AAB0AA #E4D0B5

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

#AAB0AA - #E4D0B5 | 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 #AAB0AA as 0% and #E4D0B5 as 100%.

0.0%	0.0% #AAB0AA	RGB 170 176 170	#AAB0AA
16.7%	16.7% #B3B5AB	RGB 179 181 171	#B3B5AB
33.3%	33.3% #BDBAAD	RGB 189 186 173	#BDBAAD
50.0%	50.0% #C7C0AF	RGB 199 192 175	#C7C0AF
66.7%	66.7% #D0C5B1	RGB 208 197 177	#D0C5B1
83.3%	83.3% #DACAB3	RGB 218 202 179	#DACAB3
100.0%	100.0% #E4D0B5	RGB 228 208 181	#E4D0B5

#AAB0AA #B3B5AB #BDBAAD #C7C0AF #D0C5B1 #DACAB3 #E4D0B5

#AAB0AA - #E4D0B5

HSV Blend

#AAB0AA - #E4D0B5 | 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 #AAB0AA as 0% and #E4D0B5 as 100%.

0.0%	0.0% #AAB0AA	RGB 170 176 170	#AAB0AA
16.7%	16.7% #AFB8AD	RGB 175 184 173	#AFB8AD
33.3%	33.3% #B8C1AF	RGB 184 193 175	#B8C1AF
50.0%	50.0% #C3CAB1	RGB 195 202 177	#C3CAB1
66.7%	66.7% #D1D2B3	RGB 209 210 179	#D1D2B3
83.3%	83.3% #DBD4B4	RGB 219 212 180	#DBD4B4
100.0%	100.0% #E4D0B5	RGB 228 208 181	#E4D0B5

#AAB0AA #AFB8AD #B8C1AF #C3CAB1 #D1D2B3 #DBD4B4 #E4D0B5

#AAB0AA - #C3CAB1 - #E4D0B5

CSS codes

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

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