#3B5E4B - #5FCE9A | 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 #3B5E4B to #5FCE9A

#3B5E4B #5FCE9A

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

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

0.0%	0.0% #3B5E4B	RGB 59 94 75	#3B5E4B
16.7%	16.7% #417058	RGB 65 112 88	#417058
33.3%	33.3% #478365	RGB 71 131 101	#478365
50.0%	50.0% #4D9672	RGB 77 150 114	#4D9672
66.7%	66.7% #53A87F	RGB 83 168 127	#53A87F
83.3%	83.3% #59BB8C	RGB 89 187 140	#59BB8C
100.0%	100.0% #5FCE9A	RGB 95 206 154	#5FCE9A

#3B5E4B #417058 #478365 #4D9672 #53A87F #59BB8C #5FCE9A

#3B5E4B - #5FCE9A

HSV Blend

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

0.0%	0.0% #3B5E4B	RGB 59 94 75	#3B5E4B
16.7%	16.7% #437058	RGB 67 112 88	#437058
33.3%	33.3% #4B8366	RGB 75 131 102	#4B8366
50.0%	50.0% #519673	RGB 81 150 115	#519673
66.7%	66.7% #57A880	RGB 87 168 128	#57A880
83.3%	83.3% #5BBB8D	RGB 91 187 141	#5BBB8D
100.0%	100.0% #5FCE9A	RGB 95 206 154	#5FCE9A

#3B5E4B #437058 #4B8366 #519673 #57A880 #5BBB8D #5FCE9A

#3B5E4B - #519673 - #5FCE9A

CSS codes

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

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