#5BABAB - #C0DAA8 | 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 #5BABAB to #C0DAA8

#5BABAB #C0DAA8

Calculate the color between two colors, #5BABAB and #C0DAA8. 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)

#5BABAB - #C0DAA8 | 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 #5BABAB as 0% and #C0DAA8 as 100%.

0.0%	0.0% #5BABAB	RGB 91 171 171	#5BABAB
16.7%	16.7% #6BB2AA	RGB 107 178 170	#6BB2AA
33.3%	33.3% #7CBAAA	RGB 124 186 170	#7CBAAA
50.0%	50.0% #8DC2A9	RGB 141 194 169	#8DC2A9
66.7%	66.7% #9ECAA9	RGB 158 202 169	#9ECAA9
83.3%	83.3% #AFD2A8	RGB 175 210 168	#AFD2A8
100.0%	100.0% #C0DAA8	RGB 192 218 168	#C0DAA8

#5BABAB #6BB2AA #7CBAAA #8DC2A9 #9ECAA9 #AFD2A8 #C0DAA8

#5BABAB - #C0DAA8

HSV Blend

#5BABAB - #C0DAA8 | 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 #5BABAB as 0% and #C0DAA8 as 100%.

0.0%	0.0% #5BABAB	RGB 91 171 171	#5BABAB
16.7%	16.7% #66B29F	RGB 102 178 159	#66B29F
33.3%	33.3% #72BA96	RGB 114 186 150	#72BA96
50.0%	50.0% #7EC290	RGB 126 194 144	#7EC290
66.7%	66.7% #8BCA8C	RGB 139 202 140	#8BCA8C
83.3%	83.3% #A6D299	RGB 166 210 153	#A6D299
100.0%	100.0% #C0DAA8	RGB 192 218 168	#C0DAA8

#5BABAB #66B29F #72BA96 #7EC290 #8BCA8C #A6D299 #C0DAA8

#5BABAB - #7EC290 - #C0DAA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5BABAB 0%, #7EC290 50%, #C0DAA8 100%);
    background: -webkit-linear-gradient(top, #5BABAB 0%, #7EC290 50%, #C0DAA8 100%);
    background: linear-gradient(to bottom, #5BABAB 0%, #7EC290 50%, #C0DAA8 100%);
}
</style>