#50C8C2 - #009A8F | 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 #50C8C2 to #009A8F

#50C8C2 #009A8F

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

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

0.0%	0.0% #50C8C2	RGB 80 200 194	#50C8C2
16.7%	16.7% #42C0B9	RGB 66 192 185	#42C0B9
33.3%	33.3% #35B8B1	RGB 53 184 177	#35B8B1
50.0%	50.0% #28B1A8	RGB 40 177 168	#28B1A8
66.7%	66.7% #1AA9A0	RGB 26 169 160	#1AA9A0
83.3%	83.3% #0DA197	RGB 13 161 151	#0DA197
100.0%	100.0% #009A8F	RGB 0 154 143	#009A8F

#50C8C2 #42C0B9 #35B8B1 #28B1A8 #1AA9A0 #0DA197 #009A8F

#50C8C2 - #009A8F

HSV Blend

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

0.0%	0.0% #50C8C2	RGB 80 200 194	#50C8C2
16.7%	16.7% #40C0B9	RGB 64 192 185	#40C0B9
33.3%	33.3% #31B8B0	RGB 49 184 176	#31B8B0
50.0%	50.0% #23B1A8	RGB 35 177 168	#23B1A8
66.7%	66.7% #16A99F	RGB 22 169 159	#16A99F
83.3%	83.3% #0AA197	RGB 10 161 151	#0AA197
100.0%	100.0% #009A8F	RGB 0 154 143	#009A8F

#50C8C2 #40C0B9 #31B8B0 #23B1A8 #16A99F #0AA197 #009A8F

#50C8C2 - #23B1A8 - #009A8F

CSS codes

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

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