#00EADC - #B6F9F5 | 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 #00EADC to #B6F9F5

#00EADC #B6F9F5

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

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

0.0%	0.0% #00EADC	RGB 0 234 220	#00EADC
16.7%	16.7% #1EECE0	RGB 30 236 224	#1EECE0
33.3%	33.3% #3CEFE4	RGB 60 239 228	#3CEFE4
50.0%	50.0% #5BF1E8	RGB 91 241 232	#5BF1E8
66.7%	66.7% #79F4EC	RGB 121 244 236	#79F4EC
83.3%	83.3% #97F6F0	RGB 151 246 240	#97F6F0
100.0%	100.0% #B6F9F5	RGB 182 249 245	#B6F9F5

#00EADC #1EECE0 #3CEFE4 #5BF1E8 #79F4EC #97F6F0 #B6F9F5

#00EADC - #B6F9F5

HSV Blend

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

0.0%	0.0% #00EADC	RGB 0 234 220	#00EADC
16.7%	16.7% #1CECE0	RGB 28 236 224	#1CECE0
33.3%	33.3% #3AEFE4	RGB 58 239 228	#3AEFE4
50.0%	50.0% #58F1E8	RGB 88 241 232	#58F1E8
66.7%	66.7% #76F4EC	RGB 118 244 236	#76F4EC
83.3%	83.3% #96F6F0	RGB 150 246 240	#96F6F0
100.0%	100.0% #B6F9F5	RGB 182 249 245	#B6F9F5

#00EADC #1CECE0 #3AEFE4 #58F1E8 #76F4EC #96F6F0 #B6F9F5

#00EADC - #58F1E8 - #B6F9F5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00EADC 0%, #58F1E8 50%, #B6F9F5 100%);
    background: -webkit-linear-gradient(top, #00EADC 0%, #58F1E8 50%, #B6F9F5 100%);
    background: linear-gradient(to bottom, #00EADC 0%, #58F1E8 50%, #B6F9F5 100%);
}
</style>