#8CAC8C - #446132 | 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 #8CAC8C to #446132

#8CAC8C #446132

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

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

0.0%	0.0% #8CAC8C	RGB 140 172 140	#8CAC8C
16.7%	16.7% #809F7D	RGB 128 159 125	#809F7D
33.3%	33.3% #74936E	RGB 116 147 110	#74936E
50.0%	50.0% #68865F	RGB 104 134 95	#68865F
66.7%	66.7% #5C7A50	RGB 92 122 80	#5C7A50
83.3%	83.3% #506D41	RGB 80 109 65	#506D41
100.0%	100.0% #446132	RGB 68 97 50	#446132

#8CAC8C #809F7D #74936E #68865F #5C7A50 #506D41 #446132

#8CAC8C - #446132

HSV Blend

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

0.0%	0.0% #8CAC8C	RGB 140 172 140	#8CAC8C
16.7%	16.7% #7C9F79	RGB 124 159 121	#7C9F79
33.3%	33.3% #6E9369	RGB 110 147 105	#6E9369
50.0%	50.0% #628659	RGB 98 134 89	#628659
66.7%	66.7% #577A4B	RGB 87 122 75	#577A4B
83.3%	83.3% #4D6D3D	RGB 77 109 61	#4D6D3D
100.0%	100.0% #446132	RGB 68 97 50	#446132

#8CAC8C #7C9F79 #6E9369 #628659 #577A4B #4D6D3D #446132

#8CAC8C - #628659 - #446132

CSS codes

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

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