#00BCDB - #00729E | 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 #00BCDB to #00729E

#00BCDB #00729E

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

#00BCDB - #00729E | 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 #00BCDB as 0% and #00729E as 100%.

0.0%	0.0% #00BCDB	RGB 0 188 219	#00BCDB
16.7%	16.7% #00AFD0	RGB 0 175 208	#00AFD0
33.3%	33.3% #00A3C6	RGB 0 163 198	#00A3C6
50.0%	50.0% #0097BC	RGB 0 151 188	#0097BC
66.7%	66.7% #008AB2	RGB 0 138 178	#008AB2
83.3%	83.3% #007EA8	RGB 0 126 168	#007EA8
100.0%	100.0% #00729E	RGB 0 114 158	#00729E

#00BCDB #00AFD0 #00A3C6 #0097BC #008AB2 #007EA8 #00729E

#00BCDB - #00729E

HSV Blend

#00BCDB - #00729E | 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 #00BCDB as 0% and #00729E as 100%.

0.0%	0.0% #00BBDB	RGB 0 187 219	#00BBDB
16.7%	16.7% #00AED0	RGB 0 174 208	#00AED0
33.3%	33.3% #00A1C6	RGB 0 161 198	#00A1C6
50.0%	50.0% #0094BC	RGB 0 148 188	#0094BC
66.7%	66.7% #0088B2	RGB 0 136 178	#0088B2
83.3%	83.3% #007DA8	RGB 0 125 168	#007DA8
100.0%	100.0% #00729E	RGB 0 114 158	#00729E

#00BBDB #00AED0 #00A1C6 #0094BC #0088B2 #007DA8 #00729E

#00BCDB - #0094BC - #00729E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BBDB 0%, #0094BC 50%, #00729E 100%);
    background: -webkit-linear-gradient(top, #00BBDB 0%, #0094BC 50%, #00729E 100%);
    background: linear-gradient(to bottom, #00BBDB 0%, #0094BC 50%, #00729E 100%);
}
</style>