#0BA8A8 - #007866 | 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 #0BA8A8 to #007866

#0BA8A8 #007866

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

#0BA8A8 - #007866 | 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 #0BA8A8 as 0% and #007866 as 100%.

0.0%	0.0% #0BA8A8	RGB 11 168 168	#0BA8A8
16.7%	16.7% #09A09D	RGB 9 160 157	#09A09D
33.3%	33.3% #079892	RGB 7 152 146	#079892
50.0%	50.0% #059087	RGB 5 144 135	#059087
66.7%	66.7% #03887C	RGB 3 136 124	#03887C
83.3%	83.3% #018071	RGB 1 128 113	#018071
100.0%	100.0% #007866	RGB 0 120 102	#007866

#0BA8A8 #09A09D #079892 #059087 #03887C #018071 #007866

#0BA8A8 - #007866

HSV Blend

#0BA8A8 - #007866 | 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 #0BA8A8 as 0% and #007866 as 100%.

0.0%	0.0% #0AA8A8	RGB 10 168 168	#0AA8A8
16.7%	16.7% #08A09C	RGB 8 160 156	#08A09C
33.3%	33.3% #069890	RGB 6 152 144	#069890
50.0%	50.0% #049085	RGB 4 144 133	#049085
66.7%	66.7% #02887A	RGB 2 136 122	#02887A
83.3%	83.3% #018070	RGB 1 128 112	#018070
100.0%	100.0% #007866	RGB 0 120 102	#007866

#0AA8A8 #08A09C #069890 #049085 #02887A #018070 #007866

#0BA8A8 - #049085 - #007866

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0AA8A8 0%, #049085 50%, #007866 100%);
    background: -webkit-linear-gradient(top, #0AA8A8 0%, #049085 50%, #007866 100%);
    background: linear-gradient(to bottom, #0AA8A8 0%, #049085 50%, #007866 100%);
}
</style>