#00AEC7 - #B7FBD7 | 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 #00AEC7 to #B7FBD7

#00AEC7 #B7FBD7

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

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

0.0%	0.0% #00AEC7	RGB 0 174 199	#00AEC7
16.7%	16.7% #1EBAC9	RGB 30 186 201	#1EBAC9
33.3%	33.3% #3DC7CC	RGB 61 199 204	#3DC7CC
50.0%	50.0% #5BD4CF	RGB 91 212 207	#5BD4CF
66.7%	66.7% #7AE1D1	RGB 122 225 209	#7AE1D1
83.3%	83.3% #98EED4	RGB 152 238 212	#98EED4
100.0%	100.0% #B7FBD7	RGB 183 251 215	#B7FBD7

#00AEC7 #1EBAC9 #3DC7CC #5BD4CF #7AE1D1 #98EED4 #B7FBD7

#00AEC7 - #B7FBD7

HSV Blend

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

0.0%	0.0% #00AEC7	RGB 0 174 199	#00AEC7
16.7%	16.7% #19CCCF	RGB 25 204 207	#19CCCF
33.3%	33.3% #34D8C9	RGB 52 216 201	#34D8C9
50.0%	50.0% #52E1C4	RGB 82 225 196	#52E1C4
66.7%	66.7% #71E9C4	RGB 113 233 196	#71E9C4
83.3%	83.3% #93F2CA	RGB 147 242 202	#93F2CA
100.0%	100.0% #B7FBD7	RGB 183 251 215	#B7FBD7

#00AEC7 #19CCCF #34D8C9 #52E1C4 #71E9C4 #93F2CA #B7FBD7

#00AEC7 - #52E1C4 - #B7FBD7

CSS codes

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

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