#AAB0AA - #E4DFB5 | 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 #E4DFB5

#AAB0AA #E4DFB5

Calculate the color between two colors, #AAB0AA and #E4DFB5. 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 - #E4DFB5 | 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 #E4DFB5 as 100%.

0.0%	0.0% #AAB0AA	RGB 170 176 170	#AAB0AA
16.7%	16.7% #B3B7AB	RGB 179 183 171	#B3B7AB
33.3%	33.3% #BDBFAD	RGB 189 191 173	#BDBFAD
50.0%	50.0% #C7C7AF	RGB 199 199 175	#C7C7AF
66.7%	66.7% #D0CFB1	RGB 208 207 177	#D0CFB1
83.3%	83.3% #DAD7B3	RGB 218 215 179	#DAD7B3
100.0%	100.0% #E4DFB5	RGB 228 223 181	#E4DFB5

#AAB0AA #B3B7AB #BDBFAD #C7C7AF #D0CFB1 #DAD7B3 #E4DFB5

#AAB0AA - #E4DFB5

HSV Blend

#AAB0AA - #E4DFB5 | 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 #E4DFB5 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% #B6C1AF	RGB 182 193 175	#B6C1AF
50.0%	50.0% #BFCAB1	RGB 191 202 177	#BFCAB1
66.7%	66.7% #CAD2B3	RGB 202 210 179	#CAD2B3
83.3%	83.3% #D8DBB4	RGB 216 219 180	#D8DBB4
100.0%	100.0% #E4DFB5	RGB 228 223 181	#E4DFB5

#AAB0AA #AFB8AD #B6C1AF #BFCAB1 #CAD2B3 #D8DBB4 #E4DFB5

#AAB0AA - #BFCAB1 - #E4DFB5

CSS codes

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

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