#3B5E45 - #61CB90 | 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 #3B5E45 to #61CB90

#3B5E45 #61CB90

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

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

0.0%	0.0% #3B5E45	RGB 59 94 69	#3B5E45
16.7%	16.7% #417051	RGB 65 112 81	#417051
33.3%	33.3% #47825E	RGB 71 130 94	#47825E
50.0%	50.0% #4E946A	RGB 78 148 106	#4E946A
66.7%	66.7% #54A677	RGB 84 166 119	#54A677
83.3%	83.3% #5AB883	RGB 90 184 131	#5AB883
100.0%	100.0% #61CB90	RGB 97 203 144	#61CB90

#3B5E45 #417051 #47825E #4E946A #54A677 #5AB883 #61CB90

#3B5E45 - #61CB90

HSV Blend

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

0.0%	0.0% #3B5E45	RGB 59 94 69	#3B5E45
16.7%	16.7% #437051	RGB 67 112 81	#437051
33.3%	33.3% #4B825D	RGB 75 130 93	#4B825D
50.0%	50.0% #52946A	RGB 82 148 106	#52946A
66.7%	66.7% #57A676	RGB 87 166 118	#57A676
83.3%	83.3% #5CB883	RGB 92 184 131	#5CB883
100.0%	100.0% #61CB90	RGB 97 203 144	#61CB90

#3B5E45 #437051 #4B825D #52946A #57A676 #5CB883 #61CB90

#3B5E45 - #52946A - #61CB90

CSS codes

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

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