#3C5E3D - #978A96 | 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 #3C5E3D to #978A96

#3C5E3D #978A96

Calculate the color between two colors, #3C5E3D and #978A96. 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)

#3C5E3D - #978A96 | 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 #3C5E3D as 0% and #978A96 as 100%.

0.0%	0.0% #3C5E3D	RGB 60 94 61	#3C5E3D
16.7%	16.7% #4B654B	RGB 75 101 75	#4B654B
33.3%	33.3% #5A6C5A	RGB 90 108 90	#5A6C5A
50.0%	50.0% #697469	RGB 105 116 105	#697469
66.7%	66.7% #787B78	RGB 120 123 120	#787B78
83.3%	83.3% #878287	RGB 135 130 135	#878287
100.0%	100.0% #978A96	RGB 151 138 150	#978A96

#3C5E3D #4B654B #5A6C5A #697469 #787B78 #878287 #978A96

#3C5E3D - #978A96

HSV Blend

#3C5E3D - #978A96 | 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 #3C5E3D as 0% and #978A96 as 100%.

0.0%	0.0% #3C5E3D	RGB 60 94 61	#3C5E3D
16.7%	16.7% #556746	RGB 85 103 70	#556746
33.3%	33.3% #6F7152	RGB 111 113 82	#6F7152
50.0%	50.0% #7A6E5F	RGB 122 110 95	#7A6E5F
66.7%	66.7% #846D6C	RGB 132 109 108	#846D6C
83.3%	83.3% #8D7A82	RGB 141 122 130	#8D7A82
100.0%	100.0% #978A96	RGB 151 138 150	#978A96

#3C5E3D #556746 #6F7152 #7A6E5F #846D6C #8D7A82 #978A96

#3C5E3D - #7A6E5F - #978A96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E3D 0%, #7A6E5F 50%, #978A96 100%);
    background: -webkit-linear-gradient(top, #3C5E3D 0%, #7A6E5F 50%, #978A96 100%);
    background: linear-gradient(to bottom, #3C5E3D 0%, #7A6E5F 50%, #978A96 100%);
}
</style>