#3C9F9F - #B3DBA5 | 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 #3C9F9F to #B3DBA5

#3C9F9F #B3DBA5

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

#3C9F9F - #B3DBA5 | 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 #3C9F9F as 0% and #B3DBA5 as 100%.

0.0%	0.0% #3C9F9F	RGB 60 159 159	#3C9F9F
16.7%	16.7% #4FA9A0	RGB 79 169 160	#4FA9A0
33.3%	33.3% #63B3A1	RGB 99 179 161	#63B3A1
50.0%	50.0% #77BDA2	RGB 119 189 162	#77BDA2
66.7%	66.7% #8BC7A3	RGB 139 199 163	#8BC7A3
83.3%	83.3% #9FD1A4	RGB 159 209 164	#9FD1A4
100.0%	100.0% #B3DBA5	RGB 179 219 165	#B3DBA5

#3C9F9F #4FA9A0 #63B3A1 #77BDA2 #8BC7A3 #9FD1A4 #B3DBA5

#3C9F9F - #B3DBA5

HSV Blend

#3C9F9F - #B3DBA5 | 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 #3C9F9F as 0% and #B3DBA5 as 100%.

0.0%	0.0% #3C9F9F	RGB 60 159 159	#3C9F9F
16.7%	16.7% #4AA995	RGB 74 169 149	#4AA995
33.3%	33.3% #59B38D	RGB 89 179 141	#59B38D
50.0%	50.0% #6ABD89	RGB 106 189 137	#6ABD89
66.7%	66.7% #7CC788	RGB 124 199 136	#7CC788
83.3%	83.3% #93D190	RGB 147 209 144	#93D190
100.0%	100.0% #B3DBA5	RGB 179 219 165	#B3DBA5

#3C9F9F #4AA995 #59B38D #6ABD89 #7CC788 #93D190 #B3DBA5

#3C9F9F - #6ABD89 - #B3DBA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C9F9F 0%, #6ABD89 50%, #B3DBA5 100%);
    background: -webkit-linear-gradient(top, #3C9F9F 0%, #6ABD89 50%, #B3DBA5 100%);
    background: linear-gradient(to bottom, #3C9F9F 0%, #6ABD89 50%, #B3DBA5 100%);
}
</style>