#A6A49E - #E4E5E3 | 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 #A6A49E to #E4E5E3

#A6A49E #E4E5E3

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

#A6A49E - #E4E5E3 | 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 #A6A49E as 0% and #E4E5E3 as 100%.

0.0%	0.0% #A6A49E	RGB 166 164 158	#A6A49E
16.7%	16.7% #B0AEA9	RGB 176 174 169	#B0AEA9
33.3%	33.3% #BAB9B5	RGB 186 185 181	#BAB9B5
50.0%	50.0% #C5C4C0	RGB 197 196 192	#C5C4C0
66.7%	66.7% #CFCFCC	RGB 207 207 204	#CFCFCC
83.3%	83.3% #D9DAD7	RGB 217 218 215	#D9DAD7
100.0%	100.0% #E4E5E3	RGB 228 229 227	#E4E5E3

#A6A49E #B0AEA9 #BAB9B5 #C5C4C0 #CFCFCC #D9DAD7 #E4E5E3

#A6A49E - #E4E5E3

HSV Blend

#A6A49E - #E4E5E3 | 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 #A6A49E as 0% and #E4E5E3 as 100%.

0.0%	0.0% #A6A49E	RGB 166 164 158	#A6A49E
16.7%	16.7% #B0AFA9	RGB 176 175 169	#B0AFA9
33.3%	33.3% #BBBBB4	RGB 187 187 180	#BBBBB4
50.0%	50.0% #C4C5BF	RGB 196 197 191	#C4C5BF
66.7%	66.7% #CED0CB	RGB 206 208 203	#CED0CB
83.3%	83.3% #D9DAD7	RGB 217 218 215	#D9DAD7
100.0%	100.0% #E4E5E3	RGB 228 229 227	#E4E5E3

#A6A49E #B0AFA9 #BBBBB4 #C4C5BF #CED0CB #D9DAD7 #E4E5E3

#A6A49E - #C4C5BF - #E4E5E3

CSS codes

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

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