#E5E54C - #414115 | 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 #E5E54C to #414115

#E5E54C #414115

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

#E5E54C - #414115 | 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 #E5E54C as 0% and #414115 as 100%.

0.0%	0.0% #E5E54C	RGB 229 229 76	#E5E54C
16.7%	16.7% #C9C942	RGB 201 201 66	#C9C942
33.3%	33.3% #AEAE39	RGB 174 174 57	#AEAE39
50.0%	50.0% #939330	RGB 147 147 48	#939330
66.7%	66.7% #777727	RGB 119 119 39	#777727
83.3%	83.3% #5C5C1E	RGB 92 92 30	#5C5C1E
100.0%	100.0% #414115	RGB 65 65 21	#414115

#E5E54C #C9C942 #AEAE39 #939330 #777727 #5C5C1E #414115

#E5E54C - #414115

HSV Blend

#E5E54C - #414115 | 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 #E5E54C as 0% and #414115 as 100%.

0.0%	0.0% #E5E54C	RGB 229 229 76	#E5E54C
16.7%	16.7% #C9C942	RGB 201 201 66	#C9C942
33.3%	33.3% #AEAE39	RGB 174 174 57	#AEAE39
50.0%	50.0% #939330	RGB 147 147 48	#939330
66.7%	66.7% #777727	RGB 119 119 39	#777727
83.3%	83.3% #5C5C1D	RGB 92 92 29	#5C5C1D
100.0%	100.0% #414115	RGB 65 65 21	#414115

#E5E54C #C9C942 #AEAE39 #939330 #777727 #5C5C1D #414115

#E5E54C - #939330 - #414115

CSS codes

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

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