#E5E476 - #414121 | 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 #E5E476 to #414121

#E5E476 #414121

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

#E5E476 - #414121 | 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 #E5E476 as 0% and #414121 as 100%.

0.0%	0.0% #E5E476	RGB 229 228 118	#E5E476
16.7%	16.7% #C9C867	RGB 201 200 103	#C9C867
33.3%	33.3% #AEAD59	RGB 174 173 89	#AEAD59
50.0%	50.0% #93924B	RGB 147 146 75	#93924B
66.7%	66.7% #77773D	RGB 119 119 61	#77773D
83.3%	83.3% #5C5C2F	RGB 92 92 47	#5C5C2F
100.0%	100.0% #414121	RGB 65 65 33	#414121

#E5E476 #C9C867 #AEAD59 #93924B #77773D #5C5C2F #414121

#E5E476 - #414121

HSV Blend

#E5E476 - #414121 | 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 #E5E476 as 0% and #414121 as 100%.

0.0%	0.0% #E5E476	RGB 229 228 118	#E5E476
16.7%	16.7% #C9C867	RGB 201 200 103	#C9C867
33.3%	33.3% #AEAD59	RGB 174 173 89	#AEAD59
50.0%	50.0% #93924B	RGB 147 146 75	#93924B
66.7%	66.7% #77773D	RGB 119 119 61	#77773D
83.3%	83.3% #5C5C2E	RGB 92 92 46	#5C5C2E
100.0%	100.0% #414121	RGB 65 65 33	#414121

#E5E476 #C9C867 #AEAD59 #93924B #77773D #5C5C2E #414121

#E5E476 - #93924B - #414121

CSS codes

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

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