#16ABAB - #007B6B | 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 #16ABAB to #007B6B

#16ABAB #007B6B

Calculate the color between two colors, #16ABAB and #007B6B. 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)

#16ABAB - #007B6B | 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 #16ABAB as 0% and #007B6B as 100%.

0.0%	0.0% #16ABAB	RGB 22 171 171	#16ABAB
16.7%	16.7% #12A3A0	RGB 18 163 160	#12A3A0
33.3%	33.3% #0E9B95	RGB 14 155 149	#0E9B95
50.0%	50.0% #0B938B	RGB 11 147 139	#0B938B
66.7%	66.7% #078B80	RGB 7 139 128	#078B80
83.3%	83.3% #038375	RGB 3 131 117	#038375
100.0%	100.0% #007B6B	RGB 0 123 107	#007B6B

#16ABAB #12A3A0 #0E9B95 #0B938B #078B80 #038375 #007B6B

#16ABAB - #007B6B

HSV Blend

#16ABAB - #007B6B | 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 #16ABAB as 0% and #007B6B as 100%.

0.0%	0.0% #15ABAB	RGB 21 171 171	#15ABAB
16.7%	16.7% #11A39F	RGB 17 163 159	#11A39F
33.3%	33.3% #0D9B94	RGB 13 155 148	#0D9B94
50.0%	50.0% #09938A	RGB 9 147 138	#09938A
66.7%	66.7% #058B7F	RGB 5 139 127	#058B7F
83.3%	83.3% #028375	RGB 2 131 117	#028375
100.0%	100.0% #007B6B	RGB 0 123 107	#007B6B

#15ABAB #11A39F #0D9B94 #09938A #058B7F #028375 #007B6B

#16ABAB - #09938A - #007B6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15ABAB 0%, #09938A 50%, #007B6B 100%);
    background: -webkit-linear-gradient(top, #15ABAB 0%, #09938A 50%, #007B6B 100%);
    background: linear-gradient(to bottom, #15ABAB 0%, #09938A 50%, #007B6B 100%);
}
</style>