#3C7E6E - #81C96F | 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 #3C7E6E to #81C96F

#3C7E6E #81C96F

Calculate the color between two colors, #3C7E6E and #81C96F. 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)

#3C7E6E - #81C96F | 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 #3C7E6E as 0% and #81C96F as 100%.

0.0%	0.0% #3C7E6E	RGB 60 126 110	#3C7E6E
16.7%	16.7% #478A6E	RGB 71 138 110	#478A6E
33.3%	33.3% #53976E	RGB 83 151 110	#53976E
50.0%	50.0% #5EA36E	RGB 94 163 110	#5EA36E
66.7%	66.7% #6AB06E	RGB 106 176 110	#6AB06E
83.3%	83.3% #75BC6E	RGB 117 188 110	#75BC6E
100.0%	100.0% #81C96F	RGB 129 201 111	#81C96F

#3C7E6E #478A6E #53976E #5EA36E #6AB06E #75BC6E #81C96F

#3C7E6E - #81C96F

HSV Blend

#3C7E6E - #81C96F | 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 #3C7E6E as 0% and #81C96F as 100%.

0.0%	0.0% #3C7E6E	RGB 60 126 110	#3C7E6E
16.7%	16.7% #438A6E	RGB 67 138 110	#438A6E
33.3%	33.3% #4B976C	RGB 75 151 108	#4B976C
50.0%	50.0% #54A36A	RGB 84 163 106	#54A36A
66.7%	66.7% #5CB066	RGB 92 176 102	#5CB066
83.3%	83.3% #69BC65	RGB 105 188 101	#69BC65
100.0%	100.0% #81C96F	RGB 129 201 111	#81C96F

#3C7E6E #438A6E #4B976C #54A36A #5CB066 #69BC65 #81C96F

#3C7E6E - #54A36A - #81C96F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7E6E 0%, #54A36A 50%, #81C96F 100%);
    background: -webkit-linear-gradient(top, #3C7E6E 0%, #54A36A 50%, #81C96F 100%);
    background: linear-gradient(to bottom, #3C7E6E 0%, #54A36A 50%, #81C96F 100%);
}
</style>