#50BDBD - #C7E4B0 | 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 #50BDBD to #C7E4B0

#50BDBD #C7E4B0

Calculate the color between two colors, #50BDBD and #C7E4B0. 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)

#50BDBD - #C7E4B0 | 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 #50BDBD as 0% and #C7E4B0 as 100%.

0.0%	0.0% #50BDBD	RGB 80 189 189	#50BDBD
16.7%	16.7% #63C3BA	RGB 99 195 186	#63C3BA
33.3%	33.3% #77CAB8	RGB 119 202 184	#77CAB8
50.0%	50.0% #8BD0B6	RGB 139 208 182	#8BD0B6
66.7%	66.7% #9FD7B4	RGB 159 215 180	#9FD7B4
83.3%	83.3% #B3DDB2	RGB 179 221 178	#B3DDB2
100.0%	100.0% #C7E4B0	RGB 199 228 176	#C7E4B0

#50BDBD #63C3BA #77CAB8 #8BD0B6 #9FD7B4 #B3DDB2 #C7E4B0

#50BDBD - #C7E4B0

HSV Blend

#50BDBD - #C7E4B0 | 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 #50BDBD as 0% and #C7E4B0 as 100%.

0.0%	0.0% #50BDBD	RGB 80 189 189	#50BDBD
16.7%	16.7% #5EC3AB	RGB 94 195 171	#5EC3AB
33.3%	33.3% #6CCA9D	RGB 108 202 157	#6CCA9D
50.0%	50.0% #7CD093	RGB 124 208 147	#7CD093
66.7%	66.7% #8CD78F	RGB 140 215 143	#8CD78F
83.3%	83.3% #AADD9E	RGB 170 221 158	#AADD9E
100.0%	100.0% #C7E4B0	RGB 199 228 176	#C7E4B0

#50BDBD #5EC3AB #6CCA9D #7CD093 #8CD78F #AADD9E #C7E4B0

#50BDBD - #7CD093 - #C7E4B0

CSS codes

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

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