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

#E5E350 #414016

Calculate the color between two colors, #E5E350 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)

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

0.0%	0.0% #E5E350	RGB 229 227 80	#E5E350
16.7%	16.7% #C9C746	RGB 201 199 70	#C9C746
33.3%	33.3% #AEAC3C	RGB 174 172 60	#AEAC3C
50.0%	50.0% #939133	RGB 147 145 51	#939133
66.7%	66.7% #777629	RGB 119 118 41	#777629
83.3%	83.3% #5C5B1F	RGB 92 91 31	#5C5B1F
100.0%	100.0% #414016	RGB 65 64 22	#414016

#E5E350 #C9C746 #AEAC3C #939133 #777629 #5C5B1F #414016

#E5E350 - #414016

HSV Blend

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

0.0%	0.0% #E5E350	RGB 229 227 80	#E5E350
16.7%	16.7% #C9C746	RGB 201 199 70	#C9C746
33.3%	33.3% #AEAC3C	RGB 174 172 60	#AEAC3C
50.0%	50.0% #939132	RGB 147 145 50	#939132
66.7%	66.7% #777628	RGB 119 118 40	#777628
83.3%	83.3% #5C5B1F	RGB 92 91 31	#5C5B1F
100.0%	100.0% #414016	RGB 65 64 22	#414016

#E5E350 #C9C746 #AEAC3C #939132 #777628 #5C5B1F #414016

#E5E350 - #939132 - #414016

CSS codes

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

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