#55A8A8 - #07766A | 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 #55A8A8 to #07766A

#55A8A8 #07766A

Calculate the color between two colors, #55A8A8 and #07766A. 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)

#55A8A8 - #07766A | 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 #55A8A8 as 0% and #07766A as 100%.

0.0%	0.0% #55A8A8	RGB 85 168 168	#55A8A8
16.7%	16.7% #489F9D	RGB 72 159 157	#489F9D
33.3%	33.3% #3B9793	RGB 59 151 147	#3B9793
50.0%	50.0% #2E8F89	RGB 46 143 137	#2E8F89
66.7%	66.7% #20867E	RGB 32 134 126	#20867E
83.3%	83.3% #147E74	RGB 20 126 116	#147E74
100.0%	100.0% #07766A	RGB 7 118 106	#07766A

#55A8A8 #489F9D #3B9793 #2E8F89 #20867E #147E74 #07766A

#55A8A8 - #07766A

HSV Blend

#55A8A8 - #07766A | 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 #55A8A8 as 0% and #07766A as 100%.

0.0%	0.0% #55A8A8	RGB 85 168 168	#55A8A8
16.7%	16.7% #449F9E	RGB 68 159 158	#449F9E
33.3%	33.3% #369793	RGB 54 151 147	#369793
50.0%	50.0% #288F89	RGB 40 143 137	#288F89
66.7%	66.7% #1C867E	RGB 28 134 126	#1C867E
83.3%	83.3% #107E74	RGB 16 126 116	#107E74
100.0%	100.0% #07766A	RGB 7 118 106	#07766A

#55A8A8 #449F9E #369793 #288F89 #1C867E #107E74 #07766A

#55A8A8 - #288F89 - #07766A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55A8A8 0%, #288F89 50%, #07766A 100%);
    background: -webkit-linear-gradient(top, #55A8A8 0%, #288F89 50%, #07766A 100%);
    background: linear-gradient(to bottom, #55A8A8 0%, #288F89 50%, #07766A 100%);
}
</style>