#50C8C8 - #009A96 | 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 #50C8C8 to #009A96

#50C8C8 #009A96

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

#50C8C8 - #009A96 | 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 #50C8C8 as 0% and #009A96 as 100%.

0.0%	0.0% #50C8C8	RGB 80 200 200	#50C8C8
16.7%	16.7% #42C0BF	RGB 66 192 191	#42C0BF
33.3%	33.3% #35B8B7	RGB 53 184 183	#35B8B7
50.0%	50.0% #28B1AF	RGB 40 177 175	#28B1AF
66.7%	66.7% #1AA9A6	RGB 26 169 166	#1AA9A6
83.3%	83.3% #0DA19E	RGB 13 161 158	#0DA19E
100.0%	100.0% #009A96	RGB 0 154 150	#009A96

#50C8C8 #42C0BF #35B8B7 #28B1AF #1AA9A6 #0DA19E #009A96

#50C8C8 - #009A96

HSV Blend

#50C8C8 - #009A96 | 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 #50C8C8 as 0% and #009A96 as 100%.

0.0%	0.0% #50C8C8	RGB 80 200 200	#50C8C8
16.7%	16.7% #40C0BF	RGB 64 192 191	#40C0BF
33.3%	33.3% #31B8B7	RGB 49 184 183	#31B8B7
50.0%	50.0% #23B1AF	RGB 35 177 175	#23B1AF
66.7%	66.7% #16A9A6	RGB 22 169 166	#16A9A6
83.3%	83.3% #0AA19E	RGB 10 161 158	#0AA19E
100.0%	100.0% #009A96	RGB 0 154 150	#009A96

#50C8C8 #40C0BF #31B8B7 #23B1AF #16A9A6 #0AA19E #009A96

#50C8C8 - #23B1AF - #009A96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50C8C8 0%, #23B1AF 50%, #009A96 100%);
    background: -webkit-linear-gradient(top, #50C8C8 0%, #23B1AF 50%, #009A96 100%);
    background: linear-gradient(to bottom, #50C8C8 0%, #23B1AF 50%, #009A96 100%);
}
</style>