#3C5E4A - #61CE95 | 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 #3C5E4A to #61CE95

#3C5E4A #61CE95

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

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

0.0%	0.0% #3C5E4A	RGB 60 94 74	#3C5E4A
16.7%	16.7% #427056	RGB 66 112 86	#427056
33.3%	33.3% #488363	RGB 72 131 99	#488363
50.0%	50.0% #4E966F	RGB 78 150 111	#4E966F
66.7%	66.7% #54A87C	RGB 84 168 124	#54A87C
83.3%	83.3% #5ABB88	RGB 90 187 136	#5ABB88
100.0%	100.0% #61CE95	RGB 97 206 149	#61CE95

#3C5E4A #427056 #488363 #4E966F #54A87C #5ABB88 #61CE95

#3C5E4A - #61CE95

HSV Blend

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

0.0%	0.0% #3C5E4A	RGB 60 94 74	#3C5E4A
16.7%	16.7% #447057	RGB 68 112 87	#447057
33.3%	33.3% #4C8364	RGB 76 131 100	#4C8364
50.0%	50.0% #539670	RGB 83 150 112	#539670
66.7%	66.7% #58A87D	RGB 88 168 125	#58A87D
83.3%	83.3% #5DBB89	RGB 93 187 137	#5DBB89
100.0%	100.0% #61CE95	RGB 97 206 149	#61CE95

#3C5E4A #447057 #4C8364 #539670 #58A87D #5DBB89 #61CE95

#3C5E4A - #539670 - #61CE95

CSS codes

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

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