#8D9A8C - #407035 | 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 #8D9A8C to #407035

#8D9A8C #407035

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

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

0.0%	0.0% #8D9A8C	RGB 141 154 140	#8D9A8C
16.7%	16.7% #80937D	RGB 128 147 125	#80937D
33.3%	33.3% #738C6F	RGB 115 140 111	#738C6F
50.0%	50.0% #668560	RGB 102 133 96	#668560
66.7%	66.7% #597E52	RGB 89 126 82	#597E52
83.3%	83.3% #4C7743	RGB 76 119 67	#4C7743
100.0%	100.0% #407035	RGB 64 112 53	#407035

#8D9A8C #80937D #738C6F #668560 #597E52 #4C7743 #407035

#8D9A8C - #407035

HSV Blend

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

0.0%	0.0% #8D9A8C	RGB 141 154 140	#8D9A8C
16.7%	16.7% #7D937A	RGB 125 147 122	#7D937A
33.3%	33.3% #6E8C6A	RGB 110 140 106	#6E8C6A
50.0%	50.0% #61855B	RGB 97 133 91	#61855B
66.7%	66.7% #557E4D	RGB 85 126 77	#557E4D
83.3%	83.3% #497740	RGB 73 119 64	#497740
100.0%	100.0% #407035	RGB 64 112 53	#407035

#8D9A8C #7D937A #6E8C6A #61855B #557E4D #497740 #407035

#8D9A8C - #61855B - #407035

CSS codes

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

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