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

#00EBDF #B6F9F5

Calculate the color between two colors, #00EBDF 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)

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

0.0%	0.0% #00EBDF	RGB 0 235 223	#00EBDF
16.7%	16.7% #1EEDE2	RGB 30 237 226	#1EEDE2
33.3%	33.3% #3CEFE6	RGB 60 239 230	#3CEFE6
50.0%	50.0% #5BF2EA	RGB 91 242 234	#5BF2EA
66.7%	66.7% #79F4ED	RGB 121 244 237	#79F4ED
83.3%	83.3% #97F6F1	RGB 151 246 241	#97F6F1
100.0%	100.0% #B6F9F5	RGB 182 249 245	#B6F9F5

#00EBDF #1EEDE2 #3CEFE6 #5BF2EA #79F4ED #97F6F1 #B6F9F5

#00EBDF - #B6F9F5

HSV Blend

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

0.0%	0.0% #00EBDF	RGB 0 235 223	#00EBDF
16.7%	16.7% #1CEDE2	RGB 28 237 226	#1CEDE2
33.3%	33.3% #3AEFE5	RGB 58 239 229	#3AEFE5
50.0%	50.0% #58F2E9	RGB 88 242 233	#58F2E9
66.7%	66.7% #77F4ED	RGB 119 244 237	#77F4ED
83.3%	83.3% #96F6F1	RGB 150 246 241	#96F6F1
100.0%	100.0% #B6F9F5	RGB 182 249 245	#B6F9F5

#00EBDF #1CEDE2 #3AEFE5 #58F2E9 #77F4ED #96F6F1 #B6F9F5

#00EBDF - #58F2E9 - #B6F9F5

CSS codes

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

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