#E5E49F - #41402D | 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 #E5E49F to #41402D

#E5E49F #41402D

Calculate the color between two colors, #E5E49F and #41402D. 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)

#E5E49F - #41402D | 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 #E5E49F as 0% and #41402D as 100%.

0.0%	0.0% #E5E49F	RGB 229 228 159	#E5E49F
16.7%	16.7% #C9C88C	RGB 201 200 140	#C9C88C
33.3%	33.3% #AEAD79	RGB 174 173 121	#AEAD79
50.0%	50.0% #939266	RGB 147 146 102	#939266
66.7%	66.7% #777653	RGB 119 118 83	#777653
83.3%	83.3% #5C5B40	RGB 92 91 64	#5C5B40
100.0%	100.0% #41402D	RGB 65 64 45	#41402D

#E5E49F #C9C88C #AEAD79 #939266 #777653 #5C5B40 #41402D

#E5E49F - #41402D

HSV Blend

#E5E49F - #41402D | 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 #E5E49F as 0% and #41402D as 100%.

0.0%	0.0% #E5E49F	RGB 229 228 159	#E5E49F
16.7%	16.7% #C9C88B	RGB 201 200 139	#C9C88B
33.3%	33.3% #AEAC78	RGB 174 172 120	#AEAC78
50.0%	50.0% #939165	RGB 147 145 101	#939165
66.7%	66.7% #777652	RGB 119 118 82	#777652
83.3%	83.3% #5C5B3F	RGB 92 91 63	#5C5B3F
100.0%	100.0% #41402D	RGB 65 64 45	#41402D

#E5E49F #C9C88B #AEAC78 #939165 #777652 #5C5B3F #41402D

#E5E49F - #939165 - #41402D

CSS codes

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

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