#3C7E7B - #9FC490 | 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 #3C7E7B to #9FC490

#3C7E7B #9FC490

Calculate the color between two colors, #3C7E7B and #9FC490. 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)

#3C7E7B - #9FC490 | 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 #3C7E7B as 0% and #9FC490 as 100%.

0.0%	0.0% #3C7E7B	RGB 60 126 123	#3C7E7B
16.7%	16.7% #4C897E	RGB 76 137 126	#4C897E
33.3%	33.3% #5D9582	RGB 93 149 130	#5D9582
50.0%	50.0% #6DA185	RGB 109 161 133	#6DA185
66.7%	66.7% #7EAC89	RGB 126 172 137	#7EAC89
83.3%	83.3% #8EB88C	RGB 142 184 140	#8EB88C
100.0%	100.0% #9FC490	RGB 159 196 144	#9FC490

#3C7E7B #4C897E #5D9582 #6DA185 #7EAC89 #8EB88C #9FC490

#3C7E7B - #9FC490

HSV Blend

#3C7E7B - #9FC490 | 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 #3C7E7B as 0% and #9FC490 as 100%.

0.0%	0.0% #3C7E7B	RGB 60 126 123	#3C7E7B
16.7%	16.7% #478978	RGB 71 137 120	#478978
33.3%	33.3% #539577	RGB 83 149 119	#539577
50.0%	50.0% #61A176	RGB 97 161 118	#61A176
66.7%	66.7% #6FAC77	RGB 111 172 119	#6FAC77
83.3%	83.3% #84B87F	RGB 132 184 127	#84B87F
100.0%	100.0% #9FC490	RGB 159 196 144	#9FC490

#3C7E7B #478978 #539577 #61A176 #6FAC77 #84B87F #9FC490

#3C7E7B - #61A176 - #9FC490

CSS codes

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

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