#E5BC3C - #413511 | 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 #E5BC3C to #413511

#E5BC3C #413511

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

#E5BC3C - #413511 | 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 #E5BC3C as 0% and #413511 as 100%.

0.0%	0.0% #E5BC3C	RGB 229 188 60	#E5BC3C
16.7%	16.7% #C9A534	RGB 201 165 52	#C9A534
33.3%	33.3% #AE8F2D	RGB 174 143 45	#AE8F2D
50.0%	50.0% #937826	RGB 147 120 38	#937826
66.7%	66.7% #77621F	RGB 119 98 31	#77621F
83.3%	83.3% #5C4B18	RGB 92 75 24	#5C4B18
100.0%	100.0% #413511	RGB 65 53 17	#413511

#E5BC3C #C9A534 #AE8F2D #937826 #77621F #5C4B18 #413511

#E5BC3C - #413511

HSV Blend

#E5BC3C - #413511 | 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 #E5BC3C as 0% and #413511 as 100%.

0.0%	0.0% #E5BC3C	RGB 229 188 60	#E5BC3C
16.7%	16.7% #C9A534	RGB 201 165 52	#C9A534
33.3%	33.3% #AE8E2D	RGB 174 142 45	#AE8E2D
50.0%	50.0% #937826	RGB 147 120 38	#937826
66.7%	66.7% #77611F	RGB 119 97 31	#77611F
83.3%	83.3% #5C4B18	RGB 92 75 24	#5C4B18
100.0%	100.0% #413511	RGB 65 53 17	#413511

#E5BC3C #C9A534 #AE8E2D #937826 #77611F #5C4B18 #413511

#E5BC3C - #937826 - #413511

CSS codes

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

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