#00ABC4 - #B6E7EE | 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 #00ABC4 to #B6E7EE

#00ABC4 #B6E7EE

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

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

0.0%	0.0% #00ABC4	RGB 0 171 196	#00ABC4
16.7%	16.7% #1EB5CB	RGB 30 181 203	#1EB5CB
33.3%	33.3% #3CBFD2	RGB 60 191 210	#3CBFD2
50.0%	50.0% #5BC9D9	RGB 91 201 217	#5BC9D9
66.7%	66.7% #79D3E0	RGB 121 211 224	#79D3E0
83.3%	83.3% #97DDE7	RGB 151 221 231	#97DDE7
100.0%	100.0% #B6E7EE	RGB 182 231 238	#B6E7EE

#00ABC4 #1EB5CB #3CBFD2 #5BC9D9 #79D3E0 #97DDE7 #B6E7EE

#00ABC4 - #B6E7EE

HSV Blend

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

0.0%	0.0% #00AAC4	RGB 0 170 196	#00AAC4
16.7%	16.7% #19B4CB	RGB 25 180 203	#19B4CB
33.3%	33.3% #35BED2	RGB 53 190 210	#35BED2
50.0%	50.0% #52C8D9	RGB 82 200 217	#52C8D9
66.7%	66.7% #72D2E0	RGB 114 210 224	#72D2E0
83.3%	83.3% #93DCE7	RGB 147 220 231	#93DCE7
100.0%	100.0% #B6E7EE	RGB 182 231 238	#B6E7EE

#00AAC4 #19B4CB #35BED2 #52C8D9 #72D2E0 #93DCE7 #B6E7EE

#00ABC4 - #52C8D9 - #B6E7EE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AAC4 0%, #52C8D9 50%, #B6E7EE 100%);
    background: -webkit-linear-gradient(top, #00AAC4 0%, #52C8D9 50%, #B6E7EE 100%);
    background: linear-gradient(to bottom, #00AAC4 0%, #52C8D9 50%, #B6E7EE 100%);
}
</style>