#A8C1B5 - #49857D | 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 #A8C1B5 to #49857D

#A8C1B5 #49857D

Calculate the color between two colors, #A8C1B5 and #49857D. 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)

#A8C1B5 - #49857D | 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 #A8C1B5 as 0% and #49857D as 100%.

0.0%	0.0% #A8C1B5	RGB 168 193 181	#A8C1B5
16.7%	16.7% #98B7AB	RGB 152 183 171	#98B7AB
33.3%	33.3% #88ADA2	RGB 136 173 162	#88ADA2
50.0%	50.0% #78A399	RGB 120 163 153	#78A399
66.7%	66.7% #68998F	RGB 104 153 143	#68998F
83.3%	83.3% #588F86	RGB 88 143 134	#588F86
100.0%	100.0% #49857D	RGB 73 133 125	#49857D

#A8C1B5 #98B7AB #88ADA2 #78A399 #68998F #588F86 #49857D

#A8C1B5 - #49857D

HSV Blend

#A8C1B5 - #49857D | 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 #A8C1B5 as 0% and #49857D as 100%.

0.0%	0.0% #A8C1B5	RGB 168 193 181	#A8C1B5
16.7%	16.7% #95B7A8	RGB 149 183 168	#95B7A8
33.3%	33.3% #84AD9E	RGB 132 173 158	#84AD9E
50.0%	50.0% #73A394	RGB 115 163 148	#73A394
66.7%	66.7% #64998B	RGB 100 153 139	#64998B
83.3%	83.3% #568F84	RGB 86 143 132	#568F84
100.0%	100.0% #49857D	RGB 73 133 125	#49857D

#A8C1B5 #95B7A8 #84AD9E #73A394 #64998B #568F84 #49857D

#A8C1B5 - #73A394 - #49857D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C1B5 0%, #73A394 50%, #49857D 100%);
    background: -webkit-linear-gradient(top, #A8C1B5 0%, #73A394 50%, #49857D 100%);
    background: linear-gradient(to bottom, #A8C1B5 0%, #73A394 50%, #49857D 100%);
}
</style>