#5E522D - #7ED16B | 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 #5E522D to #7ED16B

#5E522D #7ED16B

Calculate the color between two colors, #5E522D and #7ED16B. 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)

#5E522D - #7ED16B | 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 #5E522D as 0% and #7ED16B as 100%.

0.0%	0.0% #5E522D	RGB 94 82 45	#5E522D
16.7%	16.7% #636737	RGB 99 103 55	#636737
33.3%	33.3% #687C41	RGB 104 124 65	#687C41
50.0%	50.0% #6E914C	RGB 110 145 76	#6E914C
66.7%	66.7% #73A656	RGB 115 166 86	#73A656
83.3%	83.3% #78BB60	RGB 120 187 96	#78BB60
100.0%	100.0% #7ED16B	RGB 126 209 107	#7ED16B

#5E522D #636737 #687C41 #6E914C #73A656 #78BB60 #7ED16B

#5E522D - #7ED16B

HSV Blend

#5E522D - #7ED16B | 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 #5E522D as 0% and #7ED16B as 100%.

0.0%	0.0% #5E522D	RGB 94 82 45	#5E522D
16.7%	16.7% #716D36	RGB 113 109 54	#716D36
33.3%	33.3% #7D8440	RGB 125 132 64	#7D8440
50.0%	50.0% #81974B	RGB 129 151 75	#81974B
66.7%	66.7% #83AA55	RGB 131 170 85	#83AA55
83.3%	83.3% #82BD60	RGB 130 189 96	#82BD60
100.0%	100.0% #7ED16B	RGB 126 209 107	#7ED16B

#5E522D #716D36 #7D8440 #81974B #83AA55 #82BD60 #7ED16B

#5E522D - #81974B - #7ED16B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E522D 0%, #81974B 50%, #7ED16B 100%);
    background: -webkit-linear-gradient(top, #5E522D 0%, #81974B 50%, #7ED16B 100%);
    background: linear-gradient(to bottom, #5E522D 0%, #81974B 50%, #7ED16B 100%);
}
</style>