#6EDAD5 - #06B0AB | 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 #6EDAD5 to #06B0AB

#6EDAD5 #06B0AB

Calculate the color between two colors, #6EDAD5 and #06B0AB. 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)

#6EDAD5 - #06B0AB | 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 #6EDAD5 as 0% and #06B0AB as 100%.

0.0%	0.0% #6EDAD5	RGB 110 218 213	#6EDAD5
16.7%	16.7% #5CD3CE	RGB 92 211 206	#5CD3CE
33.3%	33.3% #4BCCC7	RGB 75 204 199	#4BCCC7
50.0%	50.0% #3AC5C0	RGB 58 197 192	#3AC5C0
66.7%	66.7% #28BEB9	RGB 40 190 185	#28BEB9
83.3%	83.3% #17B7B2	RGB 23 183 178	#17B7B2
100.0%	100.0% #06B0AB	RGB 6 176 171	#06B0AB

#6EDAD5 #5CD3CE #4BCCC7 #3AC5C0 #28BEB9 #17B7B2 #06B0AB

#6EDAD5 - #06B0AB

HSV Blend

#6EDAD5 - #06B0AB | 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 #6EDAD5 as 0% and #06B0AB as 100%.

0.0%	0.0% #6EDAD5	RGB 110 218 213	#6EDAD5
16.7%	16.7% #59D3CD	RGB 89 211 205	#59D3CD
33.3%	33.3% #46CCC6	RGB 70 204 198	#46CCC6
50.0%	50.0% #35C5BF	RGB 53 197 191	#35C5BF
66.7%	66.7% #24BEB8	RGB 36 190 184	#24BEB8
83.3%	83.3% #14B7B1	RGB 20 183 177	#14B7B1
100.0%	100.0% #06B0AB	RGB 6 176 171	#06B0AB

#6EDAD5 #59D3CD #46CCC6 #35C5BF #24BEB8 #14B7B1 #06B0AB

#6EDAD5 - #35C5BF - #06B0AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EDAD5 0%, #35C5BF 50%, #06B0AB 100%);
    background: -webkit-linear-gradient(top, #6EDAD5 0%, #35C5BF 50%, #06B0AB 100%);
    background: linear-gradient(to bottom, #6EDAD5 0%, #35C5BF 50%, #06B0AB 100%);
}
</style>