#8A8C7B - #386B27 | 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 #8A8C7B to #386B27

#8A8C7B #386B27

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

#8A8C7B - #386B27 | 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 #8A8C7B as 0% and #386B27 as 100%.

0.0%	0.0% #8A8C7B	RGB 138 140 123	#8A8C7B
16.7%	16.7% #7C866D	RGB 124 134 109	#7C866D
33.3%	33.3% #6E815F	RGB 110 129 95	#6E815F
50.0%	50.0% #617B51	RGB 97 123 81	#617B51
66.7%	66.7% #537643	RGB 83 118 67	#537643
83.3%	83.3% #457035	RGB 69 112 53	#457035
100.0%	100.0% #386B27	RGB 56 107 39	#386B27

#8A8C7B #7C866D #6E815F #617B51 #537643 #457035 #386B27

#8A8C7B - #386B27

HSV Blend

#8A8C7B - #386B27 | 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 #8A8C7B as 0% and #386B27 as 100%.

0.0%	0.0% #8A8C7B	RGB 138 140 123	#8A8C7B
16.7%	16.7% #80866A	RGB 128 134 106	#80866A
33.3%	33.3% #74815B	RGB 116 129 91	#74815B
50.0%	50.0% #677B4C	RGB 103 123 76	#677B4C
66.7%	66.7% #58763F	RGB 88 118 63	#58763F
83.3%	83.3% #487032	RGB 72 112 50	#487032
100.0%	100.0% #386B27	RGB 56 107 39	#386B27

#8A8C7B #80866A #74815B #677B4C #58763F #487032 #386B27

#8A8C7B - #677B4C - #386B27

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8C7B 0%, #677B4C 50%, #386B27 100%);
    background: -webkit-linear-gradient(top, #8A8C7B 0%, #677B4C 50%, #386B27 100%);
    background: linear-gradient(to bottom, #8A8C7B 0%, #677B4C 50%, #386B27 100%);
}
</style>