#00CFD1 - #00869A | 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 #00CFD1 to #00869A

#00CFD1 #00869A

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

#00CFD1 - #00869A | 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 #00CFD1 as 0% and #00869A as 100%.

0.0%	0.0% #00CFD1	RGB 0 207 209	#00CFD1
16.7%	16.7% #00C2C7	RGB 0 194 199	#00C2C7
33.3%	33.3% #00B6BE	RGB 0 182 190	#00B6BE
50.0%	50.0% #00AAB5	RGB 0 170 181	#00AAB5
66.7%	66.7% #009EAC	RGB 0 158 172	#009EAC
83.3%	83.3% #0092A3	RGB 0 146 163	#0092A3
100.0%	100.0% #00869A	RGB 0 134 154	#00869A

#00CFD1 #00C2C7 #00B6BE #00AAB5 #009EAC #0092A3 #00869A

#00CFD1 - #00869A

HSV Blend

#00CFD1 - #00869A | 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 #00CFD1 as 0% and #00869A as 100%.

0.0%	0.0% #00CFD1	RGB 0 207 209	#00CFD1
16.7%	16.7% #00C1C7	RGB 0 193 199	#00C1C7
33.3%	33.3% #00B5BE	RGB 0 181 190	#00B5BE
50.0%	50.0% #00A8B5	RGB 0 168 181	#00A8B5
66.7%	66.7% #009CAC	RGB 0 156 172	#009CAC
83.3%	83.3% #0091A3	RGB 0 145 163	#0091A3
100.0%	100.0% #00869A	RGB 0 134 154	#00869A

#00CFD1 #00C1C7 #00B5BE #00A8B5 #009CAC #0091A3 #00869A

#00CFD1 - #00A8B5 - #00869A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CFD1 0%, #00A8B5 50%, #00869A 100%);
    background: -webkit-linear-gradient(top, #00CFD1 0%, #00A8B5 50%, #00869A 100%);
    background: linear-gradient(to bottom, #00CFD1 0%, #00A8B5 50%, #00869A 100%);
}
</style>