#E5E050 - #414016 | 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 #E5E050 to #414016

#E5E050 #414016

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

#E5E050 - #414016 | 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 #E5E050 as 0% and #414016 as 100%.

0.0%	0.0% #E5E050	RGB 229 224 80	#E5E050
16.7%	16.7% #C9C546	RGB 201 197 70	#C9C546
33.3%	33.3% #AEAA3C	RGB 174 170 60	#AEAA3C
50.0%	50.0% #939033	RGB 147 144 51	#939033
66.7%	66.7% #777529	RGB 119 117 41	#777529
83.3%	83.3% #5C5A1F	RGB 92 90 31	#5C5A1F
100.0%	100.0% #414016	RGB 65 64 22	#414016

#E5E050 #C9C546 #AEAA3C #939033 #777529 #5C5A1F #414016

#E5E050 - #414016

HSV Blend

#E5E050 - #414016 | 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 #E5E050 as 0% and #414016 as 100%.

0.0%	0.0% #E5E050	RGB 229 224 80	#E5E050
16.7%	16.7% #C9C546	RGB 201 197 70	#C9C546
33.3%	33.3% #AEAA3C	RGB 174 170 60	#AEAA3C
50.0%	50.0% #939032	RGB 147 144 50	#939032
66.7%	66.7% #777528	RGB 119 117 40	#777528
83.3%	83.3% #5C5A1F	RGB 92 90 31	#5C5A1F
100.0%	100.0% #414016	RGB 65 64 22	#414016

#E5E050 #C9C546 #AEAA3C #939032 #777528 #5C5A1F #414016

#E5E050 - #939032 - #414016

CSS codes

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

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