#E0DFDA - #AAAF8C | 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 #E0DFDA to #AAAF8C

#E0DFDA #AAAF8C

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

#E0DFDA - #AAAF8C | 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 #E0DFDA as 0% and #AAAF8C as 100%.

0.0%	0.0% #E0DFDA	RGB 224 223 218	#E0DFDA
16.7%	16.7% #D7D7CD	RGB 215 215 205	#D7D7CD
33.3%	33.3% #CECFC0	RGB 206 207 192	#CECFC0
50.0%	50.0% #C5C7B3	RGB 197 199 179	#C5C7B3
66.7%	66.7% #BCBFA6	RGB 188 191 166	#BCBFA6
83.3%	83.3% #B3B799	RGB 179 183 153	#B3B799
100.0%	100.0% #AAAF8C	RGB 170 175 140	#AAAF8C

#E0DFDA #D7D7CD #CECFC0 #C5C7B3 #BCBFA6 #B3B799 #AAAF8C

#E0DFDA - #AAAF8C

HSV Blend

#E0DFDA - #AAAF8C | 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 #E0DFDA as 0% and #AAAF8C as 100%.

0.0%	0.0% #E0DFDA	RGB 224 223 218	#E0DFDA
16.7%	16.7% #D7D6CB	RGB 215 214 203	#D7D6CB
33.3%	33.3% #CFCEBE	RGB 207 206 190	#CFCEBE
50.0%	50.0% #C7C7B0	RGB 199 199 176	#C7C7B0
66.7%	66.7% #BEBFA4	RGB 190 191 164	#BEBFA4
83.3%	83.3% #B4B797	RGB 180 183 151	#B4B797
100.0%	100.0% #AAAF8C	RGB 170 175 140	#AAAF8C

#E0DFDA #D7D6CB #CFCEBE #C7C7B0 #BEBFA4 #B4B797 #AAAF8C

#E0DFDA - #C7C7B0 - #AAAF8C

CSS codes

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

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