#A49D0A - #E5E3B9 | 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 #A49D0A to #E5E3B9

#A49D0A #E5E3B9

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

#A49D0A - #E5E3B9 | 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 #A49D0A as 0% and #E5E3B9 as 100%.

0.0%	0.0% #A49D0A	RGB 164 157 10	#A49D0A
16.7%	16.7% #AEA827	RGB 174 168 39	#AEA827
33.3%	33.3% #B9B444	RGB 185 180 68	#B9B444
50.0%	50.0% #C4C061	RGB 196 192 97	#C4C061
66.7%	66.7% #CFCB7E	RGB 207 203 126	#CFCB7E
83.3%	83.3% #DAD79B	RGB 218 215 155	#DAD79B
100.0%	100.0% #E5E3B9	RGB 229 227 185	#E5E3B9

#A49D0A #AEA827 #B9B444 #C4C061 #CFCB7E #DAD79B #E5E3B9

#A49D0A - #E5E3B9

HSV Blend

#A49D0A - #E5E3B9 | 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 #A49D0A as 0% and #E5E3B9 as 100%.

0.0%	0.0% #A49D0A	RGB 164 157 10	#A49D0A
16.7%	16.7% #AEA820	RGB 174 168 32	#AEA820
33.3%	33.3% #B9B339	RGB 185 179 57	#B9B339
50.0%	50.0% #C4BF55	RGB 196 191 85	#C4BF55
66.7%	66.7% #CFCB73	RGB 207 203 115	#CFCB73
83.3%	83.3% #DAD795	RGB 218 215 149	#DAD795
100.0%	100.0% #E5E3B9	RGB 229 227 185	#E5E3B9

#A49D0A #AEA820 #B9B339 #C4BF55 #CFCB73 #DAD795 #E5E3B9

#A49D0A - #C4BF55 - #E5E3B9

CSS codes

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

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