#8CAC8C - #387A3C | 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 #387A3C

#8CAC8C #387A3C

Calculate the color between two colors, #8CAC8C and #387A3C. 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 - #387A3C | 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 #387A3C as 100%.

0.0%	0.0% #8CAC8C	RGB 140 172 140	#8CAC8C
16.7%	16.7% #7EA37E	RGB 126 163 126	#7EA37E
33.3%	33.3% #709B71	RGB 112 155 113	#709B71
50.0%	50.0% #629364	RGB 98 147 100	#629364
66.7%	66.7% #548A56	RGB 84 138 86	#548A56
83.3%	83.3% #468249	RGB 70 130 73	#468249
100.0%	100.0% #387A3C	RGB 56 122 60	#387A3C

#8CAC8C #7EA37E #709B71 #629364 #548A56 #468249 #387A3C

#8CAC8C - #387A3C

HSV Blend

#8CAC8C - #387A3C | 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 #387A3C as 100%.

0.0%	0.0% #8CAC8C	RGB 140 172 140	#8CAC8C
16.7%	16.7% #7BA37B	RGB 123 163 123	#7BA37B
33.3%	33.3% #6C9B6D	RGB 108 155 109	#6C9B6D
50.0%	50.0% #5D935F	RGB 93 147 95	#5D935F
66.7%	66.7% #508A52	RGB 80 138 82	#508A52
83.3%	83.3% #438246	RGB 67 130 70	#438246
100.0%	100.0% #387A3C	RGB 56 122 60	#387A3C

#8CAC8C #7BA37B #6C9B6D #5D935F #508A52 #438246 #387A3C

#8CAC8C - #5D935F - #387A3C

CSS codes

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

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