#3C6C5E - #98B47B | 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 #3C6C5E to #98B47B

#3C6C5E #98B47B

Calculate the color between two colors, #3C6C5E and #98B47B. 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)

#3C6C5E - #98B47B | 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 #3C6C5E as 0% and #98B47B as 100%.

0.0%	0.0% #3C6C5E	RGB 60 108 94	#3C6C5E
16.7%	16.7% #4B7862	RGB 75 120 98	#4B7862
33.3%	33.3% #5A8467	RGB 90 132 103	#5A8467
50.0%	50.0% #6A906C	RGB 106 144 108	#6A906C
66.7%	66.7% #799C71	RGB 121 156 113	#799C71
83.3%	83.3% #88A876	RGB 136 168 118	#88A876
100.0%	100.0% #98B47B	RGB 152 180 123	#98B47B

#3C6C5E #4B7862 #5A8467 #6A906C #799C71 #88A876 #98B47B

#3C6C5E - #98B47B

HSV Blend

#3C6C5E - #98B47B | 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 #3C6C5E as 0% and #98B47B as 100%.

0.0%	0.0% #3C6C5E	RGB 60 108 94	#3C6C5E
16.7%	16.7% #45785E	RGB 69 120 94	#45785E
33.3%	33.3% #4E845F	RGB 78 132 95	#4E845F
50.0%	50.0% #59905E	RGB 89 144 94	#59905E
66.7%	66.7% #699C63	RGB 105 156 99	#699C63
83.3%	83.3% #80A86F	RGB 128 168 111	#80A86F
100.0%	100.0% #98B47B	RGB 152 180 123	#98B47B

#3C6C5E #45785E #4E845F #59905E #699C63 #80A86F #98B47B

#3C6C5E - #59905E - #98B47B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C6C5E 0%, #59905E 50%, #98B47B 100%);
    background: -webkit-linear-gradient(top, #3C6C5E 0%, #59905E 50%, #98B47B 100%);
    background: linear-gradient(to bottom, #3C6C5E 0%, #59905E 50%, #98B47B 100%);
}
</style>