#3C644B - #97AD6E | 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 #3C644B to #97AD6E

#3C644B #97AD6E

Calculate the color between two colors, #3C644B and #97AD6E. 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)

#3C644B - #97AD6E | 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 #3C644B as 0% and #97AD6E as 100%.

0.0%	0.0% #3C644B	RGB 60 100 75	#3C644B
16.7%	16.7% #4B7050	RGB 75 112 80	#4B7050
33.3%	33.3% #5A7C56	RGB 90 124 86	#5A7C56
50.0%	50.0% #69885C	RGB 105 136 92	#69885C
66.7%	66.7% #789462	RGB 120 148 98	#789462
83.3%	83.3% #87A068	RGB 135 160 104	#87A068
100.0%	100.0% #97AD6E	RGB 151 173 110	#97AD6E

#3C644B #4B7050 #5A7C56 #69885C #789462 #87A068 #97AD6E

#3C644B - #97AD6E

HSV Blend

#3C644B - #97AD6E | 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 #3C644B as 0% and #97AD6E as 100%.

0.0%	0.0% #3C644B	RGB 60 100 75	#3C644B
16.7%	16.7% #43704C	RGB 67 112 76	#43704C
33.3%	33.3% #4C7C4D	RGB 76 124 77	#4C7C4D
50.0%	50.0% #5B8854	RGB 91 136 84	#5B8854
66.7%	66.7% #6E945C	RGB 110 148 92	#6E945C
83.3%	83.3% #81A065	RGB 129 160 101	#81A065
100.0%	100.0% #97AD6E	RGB 151 173 110	#97AD6E

#3C644B #43704C #4C7C4D #5B8854 #6E945C #81A065 #97AD6E

#3C644B - #5B8854 - #97AD6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C644B 0%, #5B8854 50%, #97AD6E 100%);
    background: -webkit-linear-gradient(top, #3C644B 0%, #5B8854 50%, #97AD6E 100%);
    background: linear-gradient(to bottom, #3C644B 0%, #5B8854 50%, #97AD6E 100%);
}
</style>