#00B7CF - #026D8C | 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 #00B7CF to #026D8C

#00B7CF #026D8C

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

#00B7CF - #026D8C | 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 #00B7CF as 0% and #026D8C as 100%.

0.0%	0.0% #00B7CF	RGB 0 183 207	#00B7CF
16.7%	16.7% #00AAC3	RGB 0 170 195	#00AAC3
33.3%	33.3% #009EB8	RGB 0 158 184	#009EB8
50.0%	50.0% #0192AD	RGB 1 146 173	#0192AD
66.7%	66.7% #0185A2	RGB 1 133 162	#0185A2
83.3%	83.3% #017997	RGB 1 121 151	#017997
100.0%	100.0% #026D8C	RGB 2 109 140	#026D8C

#00B7CF #00AAC3 #009EB8 #0192AD #0185A2 #017997 #026D8C

#00B7CF - #026D8C

HSV Blend

#00B7CF - #026D8C | 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 #00B7CF as 0% and #026D8C as 100%.

0.0%	0.0% #00B6CF	RGB 0 182 207	#00B6CF
16.7%	16.7% #00A9C3	RGB 0 169 195	#00A9C3
33.3%	33.3% #009CB8	RGB 0 156 184	#009CB8
50.0%	50.0% #0190AD	RGB 1 144 173	#0190AD
66.7%	66.7% #0184A2	RGB 1 132 162	#0184A2
83.3%	83.3% #017897	RGB 1 120 151	#017897
100.0%	100.0% #026D8C	RGB 2 109 140	#026D8C

#00B6CF #00A9C3 #009CB8 #0190AD #0184A2 #017897 #026D8C

#00B7CF - #0190AD - #026D8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B6CF 0%, #0190AD 50%, #026D8C 100%);
    background: -webkit-linear-gradient(top, #00B6CF 0%, #0190AD 50%, #026D8C 100%);
    background: linear-gradient(to bottom, #00B6CF 0%, #0190AD 50%, #026D8C 100%);
}
</style>