#A1A29B - #E8DDB5 | 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 #A1A29B to #E8DDB5

#A1A29B #E8DDB5

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

#A1A29B - #E8DDB5 | 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 #A1A29B as 0% and #E8DDB5 as 100%.

0.0%	0.0% #A1A29B	RGB 161 162 155	#A1A29B
16.7%	16.7% #ACAB9F	RGB 172 171 159	#ACAB9F
33.3%	33.3% #B8B5A3	RGB 184 181 163	#B8B5A3
50.0%	50.0% #C4BFA8	RGB 196 191 168	#C4BFA8
66.7%	66.7% #D0C9AC	RGB 208 201 172	#D0C9AC
83.3%	83.3% #DCD3B0	RGB 220 211 176	#DCD3B0
100.0%	100.0% #E8DDB5	RGB 232 221 181	#E8DDB5

#A1A29B #ACAB9F #B8B5A3 #C4BFA8 #D0C9AC #DCD3B0 #E8DDB5

#A1A29B - #E8DDB5

HSV Blend

#A1A29B - #E8DDB5 | 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 #A1A29B as 0% and #E8DDB5 as 100%.

0.0%	0.0% #A1A29B	RGB 161 162 155	#A1A29B
16.7%	16.7% #ACADA1	RGB 172 173 161	#ACADA1
33.3%	33.3% #B8B9A6	RGB 184 185 166	#B8B9A6
50.0%	50.0% #C5C4AB	RGB 197 196 171	#C5C4AB
66.7%	66.7% #D0CDAF	RGB 208 205 175	#D0CDAF
83.3%	83.3% #DCD5B2	RGB 220 213 178	#DCD5B2
100.0%	100.0% #E8DDB5	RGB 232 221 181	#E8DDB5

#A1A29B #ACADA1 #B8B9A6 #C5C4AB #D0CDAF #DCD5B2 #E8DDB5

#A1A29B - #C5C4AB - #E8DDB5

CSS codes

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

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