#0FCFD1 - #00879A | 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 #0FCFD1 to #00879A

#0FCFD1 #00879A

Calculate the color between two colors, #0FCFD1 and #00879A. 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)

#0FCFD1 - #00879A | 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 #0FCFD1 as 0% and #00879A as 100%.

0.0%	0.0% #0FCFD1	RGB 15 207 209	#0FCFD1
16.7%	16.7% #0CC3C7	RGB 12 195 199	#0CC3C7
33.3%	33.3% #0AB7BE	RGB 10 183 190	#0AB7BE
50.0%	50.0% #07ABB5	RGB 7 171 181	#07ABB5
66.7%	66.7% #059FAC	RGB 5 159 172	#059FAC
83.3%	83.3% #0293A3	RGB 2 147 163	#0293A3
100.0%	100.0% #00879A	RGB 0 135 154	#00879A

#0FCFD1 #0CC3C7 #0AB7BE #07ABB5 #059FAC #0293A3 #00879A

#0FCFD1 - #00879A

HSV Blend

#0FCFD1 - #00879A | 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 #0FCFD1 as 0% and #00879A as 100%.

0.0%	0.0% #0ECFD1	RGB 14 207 209	#0ECFD1
16.7%	16.7% #0BC2C7	RGB 11 194 199	#0BC2C7
33.3%	33.3% #09B5BE	RGB 9 181 190	#09B5BE
50.0%	50.0% #06A9B5	RGB 6 169 181	#06A9B5
66.7%	66.7% #049DAC	RGB 4 157 172	#049DAC
83.3%	83.3% #0192A3	RGB 1 146 163	#0192A3
100.0%	100.0% #00879A	RGB 0 135 154	#00879A

#0ECFD1 #0BC2C7 #09B5BE #06A9B5 #049DAC #0192A3 #00879A

#0FCFD1 - #06A9B5 - #00879A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0ECFD1 0%, #06A9B5 50%, #00879A 100%);
    background: -webkit-linear-gradient(top, #0ECFD1 0%, #06A9B5 50%, #00879A 100%);
    background: linear-gradient(to bottom, #0ECFD1 0%, #06A9B5 50%, #00879A 100%);
}
</style>