#3C5D3C - #81838A | 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 #3C5D3C to #81838A

#3C5D3C #81838A

Calculate the color between two colors, #3C5D3C and #81838A. 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)

#3C5D3C - #81838A | 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 #3C5D3C as 0% and #81838A as 100%.

0.0%	0.0% #3C5D3C	RGB 60 93 60	#3C5D3C
16.7%	16.7% #476349	RGB 71 99 73	#476349
33.3%	33.3% #536956	RGB 83 105 86	#536956
50.0%	50.0% #5E7063	RGB 94 112 99	#5E7063
66.7%	66.7% #6A7670	RGB 106 118 112	#6A7670
83.3%	83.3% #757C7D	RGB 117 124 125	#757C7D
100.0%	100.0% #81838A	RGB 129 131 138	#81838A

#3C5D3C #476349 #536956 #5E7063 #6A7670 #757C7D #81838A

#3C5D3C - #81838A

HSV Blend

#3C5D3C - #81838A | 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 #3C5D3C as 0% and #81838A as 100%.

0.0%	0.0% #3C5D3C	RGB 60 93 60	#3C5D3C
16.7%	16.7% #45644E	RGB 69 100 78	#45644E
33.3%	33.3% #506C60	RGB 80 108 96	#506C60
50.0%	50.0% #5B7370	RGB 91 115 112	#5B7370
66.7%	66.7% #67777B	RGB 103 119 123	#67777B
83.3%	83.3% #737B82	RGB 115 123 130	#737B82
100.0%	100.0% #81838A	RGB 129 131 138	#81838A

#3C5D3C #45644E #506C60 #5B7370 #67777B #737B82 #81838A

#3C5D3C - #5B7370 - #81838A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5D3C 0%, #5B7370 50%, #81838A 100%);
    background: -webkit-linear-gradient(top, #3C5D3C 0%, #5B7370 50%, #81838A 100%);
    background: linear-gradient(to bottom, #3C5D3C 0%, #5B7370 50%, #81838A 100%);
}
</style>