#5D7E7E - #AABC8C | 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 #5D7E7E to #AABC8C

#5D7E7E #AABC8C

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

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

0.0%	0.0% #5D7E7E	RGB 93 126 126	#5D7E7E
16.7%	16.7% #698880	RGB 105 136 128	#698880
33.3%	33.3% #769282	RGB 118 146 130	#769282
50.0%	50.0% #839D85	RGB 131 157 133	#839D85
66.7%	66.7% #90A787	RGB 144 167 135	#90A787
83.3%	83.3% #9DB189	RGB 157 177 137	#9DB189
100.0%	100.0% #AABC8C	RGB 170 188 140	#AABC8C

#5D7E7E #698880 #769282 #839D85 #90A787 #9DB189 #AABC8C

#5D7E7E - #AABC8C

HSV Blend

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

0.0%	0.0% #5D7E7E	RGB 93 126 126	#5D7E7E
16.7%	16.7% #64887E	RGB 100 136 126	#64887E
33.3%	33.3% #6C927E	RGB 108 146 126	#6C927E
50.0%	50.0% #749D7C	RGB 116 157 124	#749D7C
66.7%	66.7% #7FA77C	RGB 127 167 124	#7FA77C
83.3%	83.3% #94B184	RGB 148 177 132	#94B184
100.0%	100.0% #AABC8C	RGB 170 188 140	#AABC8C

#5D7E7E #64887E #6C927E #749D7C #7FA77C #94B184 #AABC8C

#5D7E7E - #749D7C - #AABC8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D7E7E 0%, #749D7C 50%, #AABC8C 100%);
    background: -webkit-linear-gradient(top, #5D7E7E 0%, #749D7C 50%, #AABC8C 100%);
    background: linear-gradient(to bottom, #5D7E7E 0%, #749D7C 50%, #AABC8C 100%);
}
</style>