#00A8C3 - #0B5E77 | 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 #00A8C3 to #0B5E77

#00A8C3 #0B5E77

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

#00A8C3 - #0B5E77 | 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 #00A8C3 as 0% and #0B5E77 as 100%.

0.0%	0.0% #00A8C3	RGB 0 168 195	#00A8C3
16.7%	16.7% #019BB6	RGB 1 155 182	#019BB6
33.3%	33.3% #038FA9	RGB 3 143 169	#038FA9
50.0%	50.0% #05839D	RGB 5 131 157	#05839D
66.7%	66.7% #077690	RGB 7 118 144	#077690
83.3%	83.3% #096A83	RGB 9 106 131	#096A83
100.0%	100.0% #0B5E77	RGB 11 94 119	#0B5E77

#00A8C3 #019BB6 #038FA9 #05839D #077690 #096A83 #0B5E77

#00A8C3 - #0B5E77

HSV Blend

#00A8C3 - #0B5E77 | 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 #00A8C3 as 0% and #0B5E77 as 100%.

0.0%	0.0% #00A7C3	RGB 0 167 195	#00A7C3
16.7%	16.7% #029AB6	RGB 2 154 182	#029AB6
33.3%	33.3% #058DA9	RGB 5 141 169	#058DA9
50.0%	50.0% #07819D	RGB 7 129 157	#07819D
66.7%	66.7% #087590	RGB 8 117 144	#087590
83.3%	83.3% #0A6983	RGB 10 105 131	#0A6983
100.0%	100.0% #0B5E77	RGB 11 94 119	#0B5E77

#00A7C3 #029AB6 #058DA9 #07819D #087590 #0A6983 #0B5E77

#00A8C3 - #07819D - #0B5E77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A7C3 0%, #07819D 50%, #0B5E77 100%);
    background: -webkit-linear-gradient(top, #00A7C3 0%, #07819D 50%, #0B5E77 100%);
    background: linear-gradient(to bottom, #00A7C3 0%, #07819D 50%, #0B5E77 100%);
}
</style>