#4FBABA - #C5E3AF | 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 #4FBABA to #C5E3AF

#4FBABA #C5E3AF

Calculate the color between two colors, #4FBABA and #C5E3AF. 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)

#4FBABA - #C5E3AF | 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 #4FBABA as 0% and #C5E3AF as 100%.

0.0%	0.0% #4FBABA	RGB 79 186 186	#4FBABA
16.7%	16.7% #62C0B8	RGB 98 192 184	#62C0B8
33.3%	33.3% #76C7B6	RGB 118 199 182	#76C7B6
50.0%	50.0% #8ACEB4	RGB 138 206 180	#8ACEB4
66.7%	66.7% #9DD5B2	RGB 157 213 178	#9DD5B2
83.3%	83.3% #B1DCB0	RGB 177 220 176	#B1DCB0
100.0%	100.0% #C5E3AF	RGB 197 227 175	#C5E3AF

#4FBABA #62C0B8 #76C7B6 #8ACEB4 #9DD5B2 #B1DCB0 #C5E3AF

#4FBABA - #C5E3AF

HSV Blend

#4FBABA - #C5E3AF | 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 #4FBABA as 0% and #C5E3AF as 100%.

0.0%	0.0% #4FBABA	RGB 79 186 186	#4FBABA
16.7%	16.7% #5DC0A9	RGB 93 192 169	#5DC0A9
33.3%	33.3% #6BC79C	RGB 107 199 156	#6BC79C
50.0%	50.0% #7BCE93	RGB 123 206 147	#7BCE93
66.7%	66.7% #8BD58F	RGB 139 213 143	#8BD58F
83.3%	83.3% #A8DC9D	RGB 168 220 157	#A8DC9D
100.0%	100.0% #C5E3AF	RGB 197 227 175	#C5E3AF

#4FBABA #5DC0A9 #6BC79C #7BCE93 #8BD58F #A8DC9D #C5E3AF

#4FBABA - #7BCE93 - #C5E3AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FBABA 0%, #7BCE93 50%, #C5E3AF 100%);
    background: -webkit-linear-gradient(top, #4FBABA 0%, #7BCE93 50%, #C5E3AF 100%);
    background: linear-gradient(to bottom, #4FBABA 0%, #7BCE93 50%, #C5E3AF 100%);
}
</style>