#6BDFDF - #00B7BA | 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 #6BDFDF to #00B7BA

#6BDFDF #00B7BA

Calculate the color between two colors, #6BDFDF and #00B7BA. 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)

#6BDFDF - #00B7BA | 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 #6BDFDF as 0% and #00B7BA as 100%.

0.0%	0.0% #6BDFDF	RGB 107 223 223	#6BDFDF
16.7%	16.7% #59D8D8	RGB 89 216 216	#59D8D8
33.3%	33.3% #47D1D2	RGB 71 209 210	#47D1D2
50.0%	50.0% #35CBCC	RGB 53 203 204	#35CBCC
66.7%	66.7% #23C4C6	RGB 35 196 198	#23C4C6
83.3%	83.3% #11BDC0	RGB 17 189 192	#11BDC0
100.0%	100.0% #00B7BA	RGB 0 183 186	#00B7BA

#6BDFDF #59D8D8 #47D1D2 #35CBCC #23C4C6 #11BDC0 #00B7BA

#6BDFDF - #00B7BA

HSV Blend

#6BDFDF - #00B7BA | 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 #6BDFDF as 0% and #00B7BA as 100%.

0.0%	0.0% #6BDFDF	RGB 107 223 223	#6BDFDF
16.7%	16.7% #56D8D8	RGB 86 216 216	#56D8D8
33.3%	33.3% #43D1D2	RGB 67 209 210	#43D1D2
50.0%	50.0% #31CBCC	RGB 49 203 204	#31CBCC
66.7%	66.7% #1FC4C6	RGB 31 196 198	#1FC4C6
83.3%	83.3% #0FBDC0	RGB 15 189 192	#0FBDC0
100.0%	100.0% #00B7BA	RGB 0 183 186	#00B7BA

#6BDFDF #56D8D8 #43D1D2 #31CBCC #1FC4C6 #0FBDC0 #00B7BA

#6BDFDF - #31CBCC - #00B7BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BDFDF 0%, #31CBCC 50%, #00B7BA 100%);
    background: -webkit-linear-gradient(top, #6BDFDF 0%, #31CBCC 50%, #00B7BA 100%);
    background: linear-gradient(to bottom, #6BDFDF 0%, #31CBCC 50%, #00B7BA 100%);
}
</style>