#E5AC00 - #413100 | 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 #E5AC00 to #413100

#E5AC00 #413100

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

#E5AC00 - #413100 | 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 #E5AC00 as 0% and #413100 as 100%.

0.0%	0.0% #E5AC00	RGB 229 172 0	#E5AC00
16.7%	16.7% #C99700	RGB 201 151 0	#C99700
33.3%	33.3% #AE8300	RGB 174 131 0	#AE8300
50.0%	50.0% #936E00	RGB 147 110 0	#936E00
66.7%	66.7% #775A00	RGB 119 90 0	#775A00
83.3%	83.3% #5C4500	RGB 92 69 0	#5C4500
100.0%	100.0% #413100	RGB 65 49 0	#413100

#E5AC00 #C99700 #AE8300 #936E00 #775A00 #5C4500 #413100

#E5AC00 - #413100

HSV Blend

#E5AC00 - #413100 | 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 #E5AC00 as 0% and #413100 as 100%.

0.0%	0.0% #E5AC00	RGB 229 172 0	#E5AC00
16.7%	16.7% #C99700	RGB 201 151 0	#C99700
33.3%	33.3% #AE8300	RGB 174 131 0	#AE8300
50.0%	50.0% #936E00	RGB 147 110 0	#936E00
66.7%	66.7% #775A00	RGB 119 90 0	#775A00
83.3%	83.3% #5C4500	RGB 92 69 0	#5C4500
100.0%	100.0% #413100	RGB 65 49 0	#413100

#E5AC00 #C99700 #AE8300 #936E00 #775A00 #5C4500 #413100

#E5AC00 - #936E00 - #413100

CSS codes

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

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