#77CF3C - #349C11 | 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 #77CF3C to #349C11

#77CF3C #349C11

Calculate the color between two colors, #77CF3C and #349C11. 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)

#77CF3C - #349C11 | 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 #77CF3C as 0% and #349C11 as 100%.

0.0%	0.0% #77CF3C	RGB 119 207 60	#77CF3C
16.7%	16.7% #6BC634	RGB 107 198 52	#6BC634
33.3%	33.3% #60BE2D	RGB 96 190 45	#60BE2D
50.0%	50.0% #55B526	RGB 85 181 38	#55B526
66.7%	66.7% #4AAD1F	RGB 74 173 31	#4AAD1F
83.3%	83.3% #3FA418	RGB 63 164 24	#3FA418
100.0%	100.0% #349C11	RGB 52 156 17	#349C11

#77CF3C #6BC634 #60BE2D #55B526 #4AAD1F #3FA418 #349C11

#77CF3C - #349C11

HSV Blend

#77CF3C - #349C11 | 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 #77CF3C as 0% and #349C11 as 100%.

0.0%	0.0% #77CF3C	RGB 119 207 60	#77CF3C
16.7%	16.7% #6AC633	RGB 106 198 51	#6AC633
33.3%	33.3% #5FBE2B	RGB 95 190 43	#5FBE2B
50.0%	50.0% #53B524	RGB 83 181 36	#53B524
66.7%	66.7% #48AD1D	RGB 72 173 29	#48AD1D
83.3%	83.3% #3EA416	RGB 62 164 22	#3EA416
100.0%	100.0% #349C11	RGB 52 156 17	#349C11

#77CF3C #6AC633 #5FBE2B #53B524 #48AD1D #3EA416 #349C11

#77CF3C - #53B524 - #349C11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77CF3C 0%, #53B524 50%, #349C11 100%);
    background: -webkit-linear-gradient(top, #77CF3C 0%, #53B524 50%, #349C11 100%);
    background: linear-gradient(to bottom, #77CF3C 0%, #53B524 50%, #349C11 100%);
}
</style>