#3B5E57 - #6BAE61 | 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 #3B5E57 to #6BAE61

#3B5E57 #6BAE61

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

#3B5E57 - #6BAE61 | 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 #3B5E57 as 0% and #6BAE61 as 100%.

0.0%	0.0% #3B5E57	RGB 59 94 87	#3B5E57
16.7%	16.7% #436B58	RGB 67 107 88	#436B58
33.3%	33.3% #4B785A	RGB 75 120 90	#4B785A
50.0%	50.0% #53865C	RGB 83 134 92	#53865C
66.7%	66.7% #5B935D	RGB 91 147 93	#5B935D
83.3%	83.3% #63A05F	RGB 99 160 95	#63A05F
100.0%	100.0% #6BAE61	RGB 107 174 97	#6BAE61

#3B5E57 #436B58 #4B785A #53865C #5B935D #63A05F #6BAE61

#3B5E57 - #6BAE61

HSV Blend

#3B5E57 - #6BAE61 | 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 #3B5E57 as 0% and #6BAE61 as 100%.

0.0%	0.0% #3B5E57	RGB 59 94 87	#3B5E57
16.7%	16.7% #426B5C	RGB 66 107 92	#426B5C
33.3%	33.3% #487860	RGB 72 120 96	#487860
50.0%	50.0% #4F8661	RGB 79 134 97	#4F8661
66.7%	66.7% #559360	RGB 85 147 96	#559360
83.3%	83.3% #5BA05D	RGB 91 160 93	#5BA05D
100.0%	100.0% #6BAE61	RGB 107 174 97	#6BAE61

#3B5E57 #426B5C #487860 #4F8661 #559360 #5BA05D #6BAE61

#3B5E57 - #4F8661 - #6BAE61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E57 0%, #4F8661 50%, #6BAE61 100%);
    background: -webkit-linear-gradient(top, #3B5E57 0%, #4F8661 50%, #6BAE61 100%);
    background: linear-gradient(to bottom, #3B5E57 0%, #4F8661 50%, #6BAE61 100%);
}
</style>