#AAB5A1 - #EDE3B4 | 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 #AAB5A1 to #EDE3B4

#AAB5A1 #EDE3B4

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

#AAB5A1 - #EDE3B4 | 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 #AAB5A1 as 0% and #EDE3B4 as 100%.

0.0%	0.0% #AAB5A1	RGB 170 181 161	#AAB5A1
16.7%	16.7% #B5BCA4	RGB 181 188 164	#B5BCA4
33.3%	33.3% #C0C4A7	RGB 192 196 167	#C0C4A7
50.0%	50.0% #CBCCAA	RGB 203 204 170	#CBCCAA
66.7%	66.7% #D6D3AD	RGB 214 211 173	#D6D3AD
83.3%	83.3% #E1DBB0	RGB 225 219 176	#E1DBB0
100.0%	100.0% #EDE3B4	RGB 237 227 180	#EDE3B4

#AAB5A1 #B5BCA4 #C0C4A7 #CBCCAA #D6D3AD #E1DBB0 #EDE3B4

#AAB5A1 - #EDE3B4

HSV Blend

#AAB5A1 - #EDE3B4 | 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 #AAB5A1 as 0% and #EDE3B4 as 100%.

0.0%	0.0% #AAB5A1	RGB 170 181 161	#AAB5A1
16.7%	16.7% #B3BEA5	RGB 179 190 165	#B3BEA5
33.3%	33.3% #BEC7A8	RGB 190 199 168	#BEC7A8
50.0%	50.0% #CAD1AC	RGB 202 209 172	#CAD1AC
66.7%	66.7% #D7DAAF	RGB 215 218 175	#D7DAAF
83.3%	83.3% #E3E0B1	RGB 227 224 177	#E3E0B1
100.0%	100.0% #EDE3B4	RGB 237 227 180	#EDE3B4

#AAB5A1 #B3BEA5 #BEC7A8 #CAD1AC #D7DAAF #E3E0B1 #EDE3B4

#AAB5A1 - #CAD1AC - #EDE3B4

CSS codes

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

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