#5E482C - #74C070 | 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 #5E482C to #74C070

#5E482C #74C070

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

#5E482C - #74C070 | 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 #5E482C as 0% and #74C070 as 100%.

0.0%	0.0% #5E482C	RGB 94 72 44	#5E482C
16.7%	16.7% #615C37	RGB 97 92 55	#615C37
33.3%	33.3% #657042	RGB 101 112 66	#657042
50.0%	50.0% #69844E	RGB 105 132 78	#69844E
66.7%	66.7% #6C9859	RGB 108 152 89	#6C9859
83.3%	83.3% #70AC64	RGB 112 172 100	#70AC64
100.0%	100.0% #74C070	RGB 116 192 112	#74C070

#5E482C #615C37 #657042 #69844E #6C9859 #70AC64 #74C070

#5E482C - #74C070

HSV Blend

#5E482C - #74C070 | 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 #5E482C as 0% and #74C070 as 100%.

0.0%	0.0% #5E482C	RGB 94 72 44	#5E482C
16.7%	16.7% #6E6235	RGB 110 98 53	#6E6235
33.3%	33.3% #7D7E40	RGB 125 126 64	#7D7E40
50.0%	50.0% #7D8F4B	RGB 125 143 75	#7D8F4B
66.7%	66.7% #7C9F56	RGB 124 159 86	#7C9F56
83.3%	83.3% #78AF63	RGB 120 175 99	#78AF63
100.0%	100.0% #74C070	RGB 116 192 112	#74C070

#5E482C #6E6235 #7D7E40 #7D8F4B #7C9F56 #78AF63 #74C070

#5E482C - #7D8F4B - #74C070

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E482C 0%, #7D8F4B 50%, #74C070 100%);
    background: -webkit-linear-gradient(top, #5E482C 0%, #7D8F4B 50%, #74C070 100%);
    background: linear-gradient(to bottom, #5E482C 0%, #7D8F4B 50%, #74C070 100%);
}
</style>