#377240 - #8D9F91 | 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 #377240 to #8D9F91

#377240 #8D9F91

Calculate the color between two colors, #377240 and #8D9F91. 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)

#377240 - #8D9F91 | 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 #377240 as 0% and #8D9F91 as 100%.

0.0%	0.0% #377240	RGB 55 114 64	#377240
16.7%	16.7% #45794D	RGB 69 121 77	#45794D
33.3%	33.3% #53815B	RGB 83 129 91	#53815B
50.0%	50.0% #628868	RGB 98 136 104	#628868
66.7%	66.7% #709076	RGB 112 144 118	#709076
83.3%	83.3% #7E9783	RGB 126 151 131	#7E9783
100.0%	100.0% #8D9F91	RGB 141 159 145	#8D9F91

#377240 #45794D #53815B #628868 #709076 #7E9783 #8D9F91

#377240 - #8D9F91

HSV Blend

#377240 - #8D9F91 | 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 #377240 as 0% and #8D9F91 as 100%.

0.0%	0.0% #377240	RGB 55 114 64	#377240
16.7%	16.7% #42794B	RGB 66 121 75	#42794B
33.3%	33.3% #4F8158	RGB 79 129 88	#4F8158
50.0%	50.0% #5D8865	RGB 93 136 101	#5D8865
66.7%	66.7% #6C9073	RGB 108 144 115	#6C9073
83.3%	83.3% #7C9781	RGB 124 151 129	#7C9781
100.0%	100.0% #8D9F91	RGB 141 159 145	#8D9F91

#377240 #42794B #4F8158 #5D8865 #6C9073 #7C9781 #8D9F91

#377240 - #5D8865 - #8D9F91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #377240 0%, #5D8865 50%, #8D9F91 100%);
    background: -webkit-linear-gradient(top, #377240 0%, #5D8865 50%, #8D9F91 100%);
    background: linear-gradient(to bottom, #377240 0%, #5D8865 50%, #8D9F91 100%);
}
</style>