#A07E3E - #FFBE59 | 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 #A07E3E to #FFBE59

#A07E3E #FFBE59

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

#A07E3E - #FFBE59 | 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 #A07E3E as 0% and #FFBE59 as 100%.

0.0%	0.0% #A07E3E	RGB 160 126 62	#A07E3E
16.7%	16.7% #AF8842	RGB 175 136 66	#AF8842
33.3%	33.3% #BF9347	RGB 191 147 71	#BF9347
50.0%	50.0% #CF9E4B	RGB 207 158 75	#CF9E4B
66.7%	66.7% #DFA850	RGB 223 168 80	#DFA850
83.3%	83.3% #EFB354	RGB 239 179 84	#EFB354
100.0%	100.0% #FFBE59	RGB 255 190 89	#FFBE59

#A07E3E #AF8842 #BF9347 #CF9E4B #DFA850 #EFB354 #FFBE59

#A07E3E - #FFBE59

HSV Blend

#A07E3E - #FFBE59 | 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 #A07E3E as 0% and #FFBE59 as 100%.

0.0%	0.0% #A07E3E	RGB 160 126 62	#A07E3E
16.7%	16.7% #AF8943	RGB 175 137 67	#AF8943
33.3%	33.3% #BF9447	RGB 191 148 71	#BF9447
50.0%	50.0% #CF9F4C	RGB 207 159 76	#CF9F4C
66.7%	66.7% #DFA950	RGB 223 169 80	#DFA950
83.3%	83.3% #EFB355	RGB 239 179 85	#EFB355
100.0%	100.0% #FFBE59	RGB 255 190 89	#FFBE59

#A07E3E #AF8943 #BF9447 #CF9F4C #DFA950 #EFB355 #FFBE59

#A07E3E - #CF9F4C - #FFBE59

CSS codes

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

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