#00B3C2 - #07687B | 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 #00B3C2 to #07687B

#00B3C2 #07687B

Calculate the color between two colors, #00B3C2 and #07687B. 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)

#00B3C2 - #07687B | 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 #00B3C2 as 0% and #07687B as 100%.

0.0%	0.0% #00B3C2	RGB 0 179 194	#00B3C2
16.7%	16.7% #01A6B6	RGB 1 166 182	#01A6B6
33.3%	33.3% #029AAA	RGB 2 154 170	#029AAA
50.0%	50.0% #038D9E	RGB 3 141 158	#038D9E
66.7%	66.7% #048192	RGB 4 129 146	#048192
83.3%	83.3% #057486	RGB 5 116 134	#057486
100.0%	100.0% #07687B	RGB 7 104 123	#07687B

#00B3C2 #01A6B6 #029AAA #038D9E #048192 #057486 #07687B

#00B3C2 - #07687B

HSV Blend

#00B3C2 - #07687B | 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 #00B3C2 as 0% and #07687B as 100%.

0.0%	0.0% #00B3C2	RGB 0 179 194	#00B3C2
16.7%	16.7% #01A5B6	RGB 1 165 182	#01A5B6
33.3%	33.3% #0398AA	RGB 3 152 170	#0398AA
50.0%	50.0% #048B9E	RGB 4 139 158	#048B9E
66.7%	66.7% #057F92	RGB 5 127 146	#057F92
83.3%	83.3% #067386	RGB 6 115 134	#067386
100.0%	100.0% #07687B	RGB 7 104 123	#07687B

#00B3C2 #01A5B6 #0398AA #048B9E #057F92 #067386 #07687B

#00B3C2 - #048B9E - #07687B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B3C2 0%, #048B9E 50%, #07687B 100%);
    background: -webkit-linear-gradient(top, #00B3C2 0%, #048B9E 50%, #07687B 100%);
    background: linear-gradient(to bottom, #00B3C2 0%, #048B9E 50%, #07687B 100%);
}
</style>