#77ABA8 - #2B5E56 | 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 #77ABA8 to #2B5E56

#77ABA8 #2B5E56

Calculate the color between two colors, #77ABA8 and #2B5E56. 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)

#77ABA8 - #2B5E56 | 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 #77ABA8 as 0% and #2B5E56 as 100%.

0.0%	0.0% #77ABA8	RGB 119 171 168	#77ABA8
16.7%	16.7% #6A9E9A	RGB 106 158 154	#6A9E9A
33.3%	33.3% #5D918C	RGB 93 145 140	#5D918C
50.0%	50.0% #51847F	RGB 81 132 127	#51847F
66.7%	66.7% #447771	RGB 68 119 113	#447771
83.3%	83.3% #376A63	RGB 55 106 99	#376A63
100.0%	100.0% #2B5E56	RGB 43 94 86	#2B5E56

#77ABA8 #6A9E9A #5D918C #51847F #447771 #376A63 #2B5E56

#77ABA8 - #2B5E56

HSV Blend

#77ABA8 - #2B5E56 | 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 #77ABA8 as 0% and #2B5E56 as 100%.

0.0%	0.0% #77ABA8	RGB 119 171 168	#77ABA8
16.7%	16.7% #679E9A	RGB 103 158 154	#679E9A
33.3%	33.3% #59918C	RGB 89 145 140	#59918C
50.0%	50.0% #4C847E	RGB 76 132 126	#4C847E
66.7%	66.7% #407770	RGB 64 119 112	#407770
83.3%	83.3% #356A63	RGB 53 106 99	#356A63
100.0%	100.0% #2B5E56	RGB 43 94 86	#2B5E56

#77ABA8 #679E9A #59918C #4C847E #407770 #356A63 #2B5E56

#77ABA8 - #4C847E - #2B5E56

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77ABA8 0%, #4C847E 50%, #2B5E56 100%);
    background: -webkit-linear-gradient(top, #77ABA8 0%, #4C847E 50%, #2B5E56 100%);
    background: linear-gradient(to bottom, #77ABA8 0%, #4C847E 50%, #2B5E56 100%);
}
</style>