#3B5E40 - #5DD35E | 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 #3B5E40 to #5DD35E

#3B5E40 #5DD35E

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

#3B5E40 - #5DD35E | 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 #3B5E40 as 0% and #5DD35E as 100%.

0.0%	0.0% #3B5E40	RGB 59 94 64	#3B5E40
16.7%	16.7% #407145	RGB 64 113 69	#407145
33.3%	33.3% #46854A	RGB 70 133 74	#46854A
50.0%	50.0% #4C984F	RGB 76 152 79	#4C984F
66.7%	66.7% #51AC54	RGB 81 172 84	#51AC54
83.3%	83.3% #57BF59	RGB 87 191 89	#57BF59
100.0%	100.0% #5DD35E	RGB 93 211 94	#5DD35E

#3B5E40 #407145 #46854A #4C984F #51AC54 #57BF59 #5DD35E

#3B5E40 - #5DD35E

HSV Blend

#3B5E40 - #5DD35E | 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 #3B5E40 as 0% and #5DD35E as 100%.

0.0%	0.0% #3B5E40	RGB 59 94 64	#3B5E40
16.7%	16.7% #437149	RGB 67 113 73	#437149
33.3%	33.3% #4B8550	RGB 75 133 80	#4B8550
50.0%	50.0% #519856	RGB 81 152 86	#519856
66.7%	66.7% #56AC5B	RGB 86 172 91	#56AC5B
83.3%	83.3% #5ABF5D	RGB 90 191 93	#5ABF5D
100.0%	100.0% #5DD35E	RGB 93 211 94	#5DD35E

#3B5E40 #437149 #4B8550 #519856 #56AC5B #5ABF5D #5DD35E

#3B5E40 - #519856 - #5DD35E

CSS codes

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

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