#376B6B - #8EB385 | 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 #376B6B to #8EB385

#376B6B #8EB385

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

#376B6B - #8EB385 | 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 #376B6B as 0% and #8EB385 as 100%.

0.0%	0.0% #376B6B	RGB 55 107 107	#376B6B
16.7%	16.7% #45776F	RGB 69 119 111	#45776F
33.3%	33.3% #548373	RGB 84 131 115	#548373
50.0%	50.0% #628F78	RGB 98 143 120	#628F78
66.7%	66.7% #719B7C	RGB 113 155 124	#719B7C
83.3%	83.3% #7FA780	RGB 127 167 128	#7FA780
100.0%	100.0% #8EB385	RGB 142 179 133	#8EB385

#376B6B #45776F #548373 #628F78 #719B7C #7FA780 #8EB385

#376B6B - #8EB385

HSV Blend

#376B6B - #8EB385 | 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 #376B6B as 0% and #8EB385 as 100%.

0.0%	0.0% #376B6B	RGB 55 107 107	#376B6B
16.7%	16.7% #41776C	RGB 65 119 108	#41776C
33.3%	33.3% #4D836D	RGB 77 131 109	#4D836D
50.0%	50.0% #598F6F	RGB 89 143 111	#598F6F
66.7%	66.7% #679B71	RGB 103 155 113	#679B71
83.3%	83.3% #75A775	RGB 117 167 117	#75A775
100.0%	100.0% #8EB385	RGB 142 179 133	#8EB385

#376B6B #41776C #4D836D #598F6F #679B71 #75A775 #8EB385

#376B6B - #598F6F - #8EB385

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #376B6B 0%, #598F6F 50%, #8EB385 100%);
    background: -webkit-linear-gradient(top, #376B6B 0%, #598F6F 50%, #8EB385 100%);
    background: linear-gradient(to bottom, #376B6B 0%, #598F6F 50%, #8EB385 100%);
}
</style>