#EAAF3C - #C56D0E | 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 #EAAF3C to #C56D0E

#EAAF3C #C56D0E

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

#EAAF3C - #C56D0E | 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 #EAAF3C as 0% and #C56D0E as 100%.

0.0%	0.0% #EAAF3C	RGB 234 175 60	#EAAF3C
16.7%	16.7% #E3A434	RGB 227 164 52	#E3A434
33.3%	33.3% #DD992C	RGB 221 153 44	#DD992C
50.0%	50.0% #D78E25	RGB 215 142 37	#D78E25
66.7%	66.7% #D1831D	RGB 209 131 29	#D1831D
83.3%	83.3% #CB7815	RGB 203 120 21	#CB7815
100.0%	100.0% #C56D0E	RGB 197 109 14	#C56D0E

#EAAF3C #E3A434 #DD992C #D78E25 #D1831D #CB7815 #C56D0E

#EAAF3C - #C56D0E

HSV Blend

#EAAF3C - #C56D0E | 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 #EAAF3C as 0% and #C56D0E as 100%.

0.0%	0.0% #EAAF3C	RGB 234 175 60	#EAAF3C
16.7%	16.7% #E3A333	RGB 227 163 51	#E3A333
33.3%	33.3% #DD982B	RGB 221 152 43	#DD982B
50.0%	50.0% #D78D23	RGB 215 141 35	#D78D23
66.7%	66.7% #D1821B	RGB 209 130 27	#D1821B
83.3%	83.3% #CB7714	RGB 203 119 20	#CB7714
100.0%	100.0% #C56D0E	RGB 197 109 14	#C56D0E

#EAAF3C #E3A333 #DD982B #D78D23 #D1821B #CB7714 #C56D0E

#EAAF3C - #D78D23 - #C56D0E

CSS codes

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

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