#00C6B1 - #B6EEE8 | 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 #00C6B1 to #B6EEE8

#00C6B1 #B6EEE8

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

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

0.0%	0.0% #00C6B1	RGB 0 198 177	#00C6B1
16.7%	16.7% #1ECCBA	RGB 30 204 186	#1ECCBA
33.3%	33.3% #3CD3C3	RGB 60 211 195	#3CD3C3
50.0%	50.0% #5BDACC	RGB 91 218 204	#5BDACC
66.7%	66.7% #79E0D5	RGB 121 224 213	#79E0D5
83.3%	83.3% #97E7DE	RGB 151 231 222	#97E7DE
100.0%	100.0% #B6EEE8	RGB 182 238 232	#B6EEE8

#00C6B1 #1ECCBA #3CD3C3 #5BDACC #79E0D5 #97E7DE #B6EEE8

#00C6B1 - #B6EEE8

HSV Blend

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

0.0%	0.0% #00C6B1	RGB 0 198 177	#00C6B1
16.7%	16.7% #1ACCB9	RGB 26 204 185	#1ACCB9
33.3%	33.3% #35D3C2	RGB 53 211 194	#35D3C2
50.0%	50.0% #53DACB	RGB 83 218 203	#53DACB
66.7%	66.7% #72E0D4	RGB 114 224 212	#72E0D4
83.3%	83.3% #93E7DE	RGB 147 231 222	#93E7DE
100.0%	100.0% #B6EEE8	RGB 182 238 232	#B6EEE8

#00C6B1 #1ACCB9 #35D3C2 #53DACB #72E0D4 #93E7DE #B6EEE8

#00C6B1 - #53DACB - #B6EEE8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C6B1 0%, #53DACB 50%, #B6EEE8 100%);
    background: -webkit-linear-gradient(top, #00C6B1 0%, #53DACB 50%, #B6EEE8 100%);
    background: linear-gradient(to bottom, #00C6B1 0%, #53DACB 50%, #B6EEE8 100%);
}
</style>