#A69500 - #E5DFB6 | 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 #A69500 to #E5DFB6

#A69500 #E5DFB6

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

#A69500 - #E5DFB6 | 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 #A69500 as 0% and #E5DFB6 as 100%.

0.0%	0.0% #A69500	RGB 166 149 0	#A69500
16.7%	16.7% #B0A11E	RGB 176 161 30	#B0A11E
33.3%	33.3% #BBAD3C	RGB 187 173 60	#BBAD3C
50.0%	50.0% #C5BA5B	RGB 197 186 91	#C5BA5B
66.7%	66.7% #D0C679	RGB 208 198 121	#D0C679
83.3%	83.3% #DAD297	RGB 218 210 151	#DAD297
100.0%	100.0% #E5DFB6	RGB 229 223 182	#E5DFB6

#A69500 #B0A11E #BBAD3C #C5BA5B #D0C679 #DAD297 #E5DFB6

#A69500 - #E5DFB6

HSV Blend

#A69500 - #E5DFB6 | 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 #A69500 as 0% and #E5DFB6 as 100%.

0.0%	0.0% #A69500	RGB 166 149 0	#A69500
16.7%	16.7% #B0A017	RGB 176 160 23	#B0A017
33.3%	33.3% #BBAB31	RGB 187 171 49	#BBAB31
50.0%	50.0% #C5B74E	RGB 197 183 78	#C5B74E
66.7%	66.7% #D0C46E	RGB 208 196 110	#D0C46E
83.3%	83.3% #DAD190	RGB 218 209 144	#DAD190
100.0%	100.0% #E5DFB6	RGB 229 223 182	#E5DFB6

#A69500 #B0A017 #BBAB31 #C5B74E #D0C46E #DAD190 #E5DFB6

#A69500 - #C5B74E - #E5DFB6

CSS codes

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

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