#00D5E3 - #B6F2F7 | 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 #00D5E3 to #B6F2F7

#00D5E3 #B6F2F7

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

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

0.0%	0.0% #00D5E3	RGB 0 213 227	#00D5E3
16.7%	16.7% #1ED9E6	RGB 30 217 230	#1ED9E6
33.3%	33.3% #3CDEE9	RGB 60 222 233	#3CDEE9
50.0%	50.0% #5BE3ED	RGB 91 227 237	#5BE3ED
66.7%	66.7% #79E8F0	RGB 121 232 240	#79E8F0
83.3%	83.3% #97EDF3	RGB 151 237 243	#97EDF3
100.0%	100.0% #B6F2F7	RGB 182 242 247	#B6F2F7

#00D5E3 #1ED9E6 #3CDEE9 #5BE3ED #79E8F0 #97EDF3 #B6F2F7

#00D5E3 - #B6F2F7

HSV Blend

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

0.0%	0.0% #00D5E3	RGB 0 213 227	#00D5E3
16.7%	16.7% #1CD9E6	RGB 28 217 230	#1CD9E6
33.3%	33.3% #39DDE9	RGB 57 221 233	#39DDE9
50.0%	50.0% #57E2ED	RGB 87 226 237	#57E2ED
66.7%	66.7% #76E7F0	RGB 118 231 240	#76E7F0
83.3%	83.3% #95ECF3	RGB 149 236 243	#95ECF3
100.0%	100.0% #B6F2F7	RGB 182 242 247	#B6F2F7

#00D5E3 #1CD9E6 #39DDE9 #57E2ED #76E7F0 #95ECF3 #B6F2F7

#00D5E3 - #57E2ED - #B6F2F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D5E3 0%, #57E2ED 50%, #B6F2F7 100%);
    background: -webkit-linear-gradient(top, #00D5E3 0%, #57E2ED 50%, #B6F2F7 100%);
    background: linear-gradient(to bottom, #00D5E3 0%, #57E2ED 50%, #B6F2F7 100%);
}
</style>