#3B5E4A - #5FCE94 | 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 #3B5E4A to #5FCE94

#3B5E4A #5FCE94

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

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

0.0%	0.0% #3B5E4A	RGB 59 94 74	#3B5E4A
16.7%	16.7% #417056	RGB 65 112 86	#417056
33.3%	33.3% #478362	RGB 71 131 98	#478362
50.0%	50.0% #4D966F	RGB 77 150 111	#4D966F
66.7%	66.7% #53A87B	RGB 83 168 123	#53A87B
83.3%	83.3% #59BB87	RGB 89 187 135	#59BB87
100.0%	100.0% #5FCE94	RGB 95 206 148	#5FCE94

#3B5E4A #417056 #478362 #4D966F #53A87B #59BB87 #5FCE94

#3B5E4A - #5FCE94

HSV Blend

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

0.0%	0.0% #3B5E4A	RGB 59 94 74	#3B5E4A
16.7%	16.7% #437057	RGB 67 112 87	#437057
33.3%	33.3% #4B8364	RGB 75 131 100	#4B8364
50.0%	50.0% #519670	RGB 81 150 112	#519670
66.7%	66.7% #57A87C	RGB 87 168 124	#57A87C
83.3%	83.3% #5BBB88	RGB 91 187 136	#5BBB88
100.0%	100.0% #5FCE94	RGB 95 206 148	#5FCE94

#3B5E4A #437057 #4B8364 #519670 #57A87C #5BBB88 #5FCE94

#3B5E4A - #519670 - #5FCE94

CSS codes

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

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