#00ECC7 - #B6F9EF | 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 #00ECC7 to #B6F9EF

#00ECC7 #B6F9EF

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

#00ECC7 - #B6F9EF | 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 #00ECC7 as 0% and #B6F9EF as 100%.

0.0%	0.0% #00ECC7	RGB 0 236 199	#00ECC7
16.7%	16.7% #1EEECD	RGB 30 238 205	#1EEECD
33.3%	33.3% #3CF0D4	RGB 60 240 212	#3CF0D4
50.0%	50.0% #5BF2DB	RGB 91 242 219	#5BF2DB
66.7%	66.7% #79F4E1	RGB 121 244 225	#79F4E1
83.3%	83.3% #97F6E8	RGB 151 246 232	#97F6E8
100.0%	100.0% #B6F9EF	RGB 182 249 239	#B6F9EF

#00ECC7 #1EEECD #3CF0D4 #5BF2DB #79F4E1 #97F6E8 #B6F9EF

#00ECC7 - #B6F9EF

HSV Blend

#00ECC7 - #B6F9EF | 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 #00ECC7 as 0% and #B6F9EF as 100%.

0.0%	0.0% #00ECC7	RGB 0 236 199	#00ECC7
16.7%	16.7% #1DEECD	RGB 29 238 205	#1DEECD
33.3%	33.3% #3AF0D4	RGB 58 240 212	#3AF0D4
50.0%	50.0% #58F2DA	RGB 88 242 218	#58F2DA
66.7%	66.7% #77F4E1	RGB 119 244 225	#77F4E1
83.3%	83.3% #96F6E8	RGB 150 246 232	#96F6E8
100.0%	100.0% #B6F9EF	RGB 182 249 239	#B6F9EF

#00ECC7 #1DEECD #3AF0D4 #58F2DA #77F4E1 #96F6E8 #B6F9EF

#00ECC7 - #58F2DA - #B6F9EF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ECC7 0%, #58F2DA 50%, #B6F9EF 100%);
    background: -webkit-linear-gradient(top, #00ECC7 0%, #58F2DA 50%, #B6F9EF 100%);
    background: linear-gradient(to bottom, #00ECC7 0%, #58F2DA 50%, #B6F9EF 100%);
}
</style>