#3BBAB2 - #C8F19B | 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 #3BBAB2 to #C8F19B

#3BBAB2 #C8F19B

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

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

0.0%	0.0% #3BBAB2	RGB 59 186 178	#3BBAB2
16.7%	16.7% #52C3AE	RGB 82 195 174	#52C3AE
33.3%	33.3% #6ACCAA	RGB 106 204 170	#6ACCAA
50.0%	50.0% #81D5A6	RGB 129 213 166	#81D5A6
66.7%	66.7% #99DEA2	RGB 153 222 162	#99DEA2
83.3%	83.3% #B0E79E	RGB 176 231 158	#B0E79E
100.0%	100.0% #C8F19B	RGB 200 241 155	#C8F19B

#3BBAB2 #52C3AE #6ACCAA #81D5A6 #99DEA2 #B0E79E #C8F19B

#3BBAB2 - #C8F19B

HSV Blend

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

0.0%	0.0% #3BBAB2	RGB 59 186 178	#3BBAB2
16.7%	16.7% #48C39D	RGB 72 195 157	#48C39D
33.3%	33.3% #57CC8B	RGB 87 204 139	#57CC8B
50.0%	50.0% #66D57D	RGB 102 213 125	#66D57D
66.7%	66.7% #7ADE77	RGB 122 222 119	#7ADE77
83.3%	83.3% #A3E788	RGB 163 231 136	#A3E788
100.0%	100.0% #C8F19B	RGB 200 241 155	#C8F19B

#3BBAB2 #48C39D #57CC8B #66D57D #7ADE77 #A3E788 #C8F19B

#3BBAB2 - #66D57D - #C8F19B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BBAB2 0%, #66D57D 50%, #C8F19B 100%);
    background: -webkit-linear-gradient(top, #3BBAB2 0%, #66D57D 50%, #C8F19B 100%);
    background: linear-gradient(to bottom, #3BBAB2 0%, #66D57D 50%, #C8F19B 100%);
}
</style>