#EAAF3C - #423211 | 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 #423211

#EAAF3C #423211

Calculate the color between two colors, #EAAF3C and #423211. 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 - #423211 | 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 #423211 as 100%.

0.0%	0.0% #EAAF3C	RGB 234 175 60	#EAAF3C
16.7%	16.7% #CE9A34	RGB 206 154 52	#CE9A34
33.3%	33.3% #B2852D	RGB 178 133 45	#B2852D
50.0%	50.0% #967026	RGB 150 112 38	#967026
66.7%	66.7% #7A5B1F	RGB 122 91 31	#7A5B1F
83.3%	83.3% #5E4618	RGB 94 70 24	#5E4618
100.0%	100.0% #423211	RGB 66 50 17	#423211

#EAAF3C #CE9A34 #B2852D #967026 #7A5B1F #5E4618 #423211

#EAAF3C - #423211

HSV Blend

#EAAF3C - #423211 | 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 #423211 as 100%.

0.0%	0.0% #EAAF3C	RGB 234 175 60	#EAAF3C
16.7%	16.7% #CE9A34	RGB 206 154 52	#CE9A34
33.3%	33.3% #B2852D	RGB 178 133 45	#B2852D
50.0%	50.0% #967026	RGB 150 112 38	#967026
66.7%	66.7% #7A5C1F	RGB 122 92 31	#7A5C1F
83.3%	83.3% #5E4718	RGB 94 71 24	#5E4718
100.0%	100.0% #423211	RGB 66 50 17	#423211

#EAAF3C #CE9A34 #B2852D #967026 #7A5C1F #5E4718 #423211

#EAAF3C - #967026 - #423211

CSS codes

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

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