#A69864 - #E5E1D2 | 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 #A69864 to #E5E1D2

#A69864 #E5E1D2

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

#A69864 - #E5E1D2 | 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 #A69864 as 0% and #E5E1D2 as 100%.

0.0%	0.0% #A69864	RGB 166 152 100	#A69864
16.7%	16.7% #B0A476	RGB 176 164 118	#B0A476
33.3%	33.3% #BBB088	RGB 187 176 136	#BBB088
50.0%	50.0% #C5BC9B	RGB 197 188 155	#C5BC9B
66.7%	66.7% #D0C8AD	RGB 208 200 173	#D0C8AD
83.3%	83.3% #DAD4BF	RGB 218 212 191	#DAD4BF
100.0%	100.0% #E5E1D2	RGB 229 225 210	#E5E1D2

#A69864 #B0A476 #BBB088 #C5BC9B #D0C8AD #DAD4BF #E5E1D2

#A69864 - #E5E1D2

HSV Blend

#A69864 - #E5E1D2 | 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 #A69864 as 0% and #E5E1D2 as 100%.

0.0%	0.0% #A69864	RGB 166 152 100	#A69864
16.7%	16.7% #B0A373	RGB 176 163 115	#B0A373
33.3%	33.3% #BBAF84	RGB 187 175 132	#BBAF84
50.0%	50.0% #C5BB96	RGB 197 187 150	#C5BB96
66.7%	66.7% #D0C7A8	RGB 208 199 168	#D0C7A8
83.3%	83.3% #DAD4BC	RGB 218 212 188	#DAD4BC
100.0%	100.0% #E5E1D2	RGB 229 225 210	#E5E1D2

#A69864 #B0A373 #BBAF84 #C5BB96 #D0C7A8 #DAD4BC #E5E1D2

#A69864 - #C5BB96 - #E5E1D2

CSS codes

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

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