#00AECE - #B6E7F1 | 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 #00AECE to #B6E7F1

#00AECE #B6E7F1

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

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

0.0%	0.0% #00AECE	RGB 0 174 206	#00AECE
16.7%	16.7% #1EB7D3	RGB 30 183 211	#1EB7D3
33.3%	33.3% #3CC1D9	RGB 60 193 217	#3CC1D9
50.0%	50.0% #5BCADF	RGB 91 202 223	#5BCADF
66.7%	66.7% #79D4E5	RGB 121 212 229	#79D4E5
83.3%	83.3% #97DDEB	RGB 151 221 235	#97DDEB
100.0%	100.0% #B6E7F1	RGB 182 231 241	#B6E7F1

#00AECE #1EB7D3 #3CC1D9 #5BCADF #79D4E5 #97DDEB #B6E7F1

#00AECE - #B6E7F1

HSV Blend

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

0.0%	0.0% #00ADCE	RGB 0 173 206	#00ADCE
16.7%	16.7% #1AB6D3	RGB 26 182 211	#1AB6D3
33.3%	33.3% #36BFD9	RGB 54 191 217	#36BFD9
50.0%	50.0% #54C8DF	RGB 84 200 223	#54C8DF
66.7%	66.7% #73D2E5	RGB 115 210 229	#73D2E5
83.3%	83.3% #93DCEB	RGB 147 220 235	#93DCEB
100.0%	100.0% #B6E7F1	RGB 182 231 241	#B6E7F1

#00ADCE #1AB6D3 #36BFD9 #54C8DF #73D2E5 #93DCEB #B6E7F1

#00AECE - #54C8DF - #B6E7F1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00ADCE 0%, #54C8DF 50%, #B6E7F1 100%);
    background: -webkit-linear-gradient(top, #00ADCE 0%, #54C8DF 50%, #B6E7F1 100%);
    background: linear-gradient(to bottom, #00ADCE 0%, #54C8DF 50%, #B6E7F1 100%);
}
</style>