#3D5E4A - #62CE95 | 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 #3D5E4A to #62CE95

#3D5E4A #62CE95

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

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

0.0%	0.0% #3D5E4A	RGB 61 94 74	#3D5E4A
16.7%	16.7% #437056	RGB 67 112 86	#437056
33.3%	33.3% #498363	RGB 73 131 99	#498363
50.0%	50.0% #4F966F	RGB 79 150 111	#4F966F
66.7%	66.7% #55A87C	RGB 85 168 124	#55A87C
83.3%	83.3% #5BBB88	RGB 91 187 136	#5BBB88
100.0%	100.0% #62CE95	RGB 98 206 149	#62CE95

#3D5E4A #437056 #498363 #4F966F #55A87C #5BBB88 #62CE95

#3D5E4A - #62CE95

HSV Blend

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

0.0%	0.0% #3D5E4A	RGB 61 94 74	#3D5E4A
16.7%	16.7% #457057	RGB 69 112 87	#457057
33.3%	33.3% #4D8364	RGB 77 131 100	#4D8364
50.0%	50.0% #549670	RGB 84 150 112	#549670
66.7%	66.7% #59A87D	RGB 89 168 125	#59A87D
83.3%	83.3% #5EBB89	RGB 94 187 137	#5EBB89
100.0%	100.0% #62CE95	RGB 98 206 149	#62CE95

#3D5E4A #457057 #4D8364 #549670 #59A87D #5EBB89 #62CE95

#3D5E4A - #549670 - #62CE95

CSS codes

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

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