#3C7E64 - #ABC682 | 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 #3C7E64 to #ABC682

#3C7E64 #ABC682

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

#3C7E64 - #ABC682 | 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 #3C7E64 as 0% and #ABC682 as 100%.

0.0%	0.0% #3C7E64	RGB 60 126 100	#3C7E64
16.7%	16.7% #4E8A69	RGB 78 138 105	#4E8A69
33.3%	33.3% #61966E	RGB 97 150 110	#61966E
50.0%	50.0% #73A273	RGB 115 162 115	#73A273
66.7%	66.7% #86AE78	RGB 134 174 120	#86AE78
83.3%	83.3% #98BA7D	RGB 152 186 125	#98BA7D
100.0%	100.0% #ABC682	RGB 171 198 130	#ABC682

#3C7E64 #4E8A69 #61966E #73A273 #86AE78 #98BA7D #ABC682

#3C7E64 - #ABC682

HSV Blend

#3C7E64 - #ABC682 | 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 #3C7E64 as 0% and #ABC682 as 100%.

0.0%	0.0% #3C7E64	RGB 60 126 100	#3C7E64
16.7%	16.7% #458A61	RGB 69 138 97	#458A61
33.3%	33.3% #50965E	RGB 80 150 94	#50965E
50.0%	50.0% #5BA25B	RGB 91 162 91	#5BA25B
66.7%	66.7% #75AE67	RGB 117 174 103	#75AE67
83.3%	83.3% #90BA74	RGB 144 186 116	#90BA74
100.0%	100.0% #ABC682	RGB 171 198 130	#ABC682

#3C7E64 #458A61 #50965E #5BA25B #75AE67 #90BA74 #ABC682

#3C7E64 - #5BA25B - #ABC682

CSS codes

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

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