#3F8D8C - #8FD47F | 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 #3F8D8C to #8FD47F

#3F8D8C #8FD47F

Calculate the color between two colors, #3F8D8C and #8FD47F. 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)

#3F8D8C - #8FD47F | 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 #3F8D8C as 0% and #8FD47F as 100%.

0.0%	0.0% #3F8D8C	RGB 63 141 140	#3F8D8C
16.7%	16.7% #4C9889	RGB 76 152 137	#4C9889
33.3%	33.3% #59A487	RGB 89 164 135	#59A487
50.0%	50.0% #67B085	RGB 103 176 133	#67B085
66.7%	66.7% #74BC83	RGB 116 188 131	#74BC83
83.3%	83.3% #81C881	RGB 129 200 129	#81C881
100.0%	100.0% #8FD47F	RGB 143 212 127	#8FD47F

#3F8D8C #4C9889 #59A487 #67B085 #74BC83 #81C881 #8FD47F

#3F8D8C - #8FD47F

HSV Blend

#3F8D8C - #8FD47F | 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 #3F8D8C as 0% and #8FD47F as 100%.

0.0%	0.0% #3F8D8C	RGB 63 141 140	#3F8D8C
16.7%	16.7% #489887	RGB 72 152 135	#489887
33.3%	33.3% #51A483	RGB 81 164 131	#51A483
50.0%	50.0% #5CB07D	RGB 92 176 125	#5CB07D
66.7%	66.7% #67BC78	RGB 103 188 120	#67BC78
83.3%	83.3% #72C873	RGB 114 200 115	#72C873
100.0%	100.0% #8FD47F	RGB 143 212 127	#8FD47F

#3F8D8C #489887 #51A483 #5CB07D #67BC78 #72C873 #8FD47F

#3F8D8C - #5CB07D - #8FD47F

CSS codes

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

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