#3B5E3C - #61CB76 | 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 #3B5E3C to #61CB76

#3B5E3C #61CB76

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

#3B5E3C - #61CB76 | 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 #3B5E3C as 0% and #61CB76 as 100%.

0.0%	0.0% #3B5E3C	RGB 59 94 60	#3B5E3C
16.7%	16.7% #417045	RGB 65 112 69	#417045
33.3%	33.3% #47824F	RGB 71 130 79	#47824F
50.0%	50.0% #4E9459	RGB 78 148 89	#4E9459
66.7%	66.7% #54A662	RGB 84 166 98	#54A662
83.3%	83.3% #5AB86C	RGB 90 184 108	#5AB86C
100.0%	100.0% #61CB76	RGB 97 203 118	#61CB76

#3B5E3C #417045 #47824F #4E9459 #54A662 #5AB86C #61CB76

#3B5E3C - #61CB76

HSV Blend

#3B5E3C - #61CB76 | 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 #3B5E3C as 0% and #61CB76 as 100%.

0.0%	0.0% #3B5E3C	RGB 59 94 60	#3B5E3C
16.7%	16.7% #437046	RGB 67 112 70	#437046
33.3%	33.3% #4B824F	RGB 75 130 79	#4B824F
50.0%	50.0% #529459	RGB 82 148 89	#529459
66.7%	66.7% #57A663	RGB 87 166 99	#57A663
83.3%	83.3% #5CB86C	RGB 92 184 108	#5CB86C
100.0%	100.0% #61CB76	RGB 97 203 118	#61CB76

#3B5E3C #437046 #4B824F #529459 #57A663 #5CB86C #61CB76

#3B5E3C - #529459 - #61CB76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E3C 0%, #529459 50%, #61CB76 100%);
    background: -webkit-linear-gradient(top, #3B5E3C 0%, #529459 50%, #61CB76 100%);
    background: linear-gradient(to bottom, #3B5E3C 0%, #529459 50%, #61CB76 100%);
}
</style>