#A8BCA1 - #5B904C | 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 #A8BCA1 to #5B904C

#A8BCA1 #5B904C

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

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

0.0%	0.0% #A8BCA1	RGB 168 188 161	#A8BCA1
16.7%	16.7% #9BB492	RGB 155 180 146	#9BB492
33.3%	33.3% #8EAD84	RGB 142 173 132	#8EAD84
50.0%	50.0% #81A676	RGB 129 166 118	#81A676
66.7%	66.7% #749E68	RGB 116 158 104	#749E68
83.3%	83.3% #67975A	RGB 103 151 90	#67975A
100.0%	100.0% #5B904C	RGB 91 144 76	#5B904C

#A8BCA1 #9BB492 #8EAD84 #81A676 #749E68 #67975A #5B904C

#A8BCA1 - #5B904C

HSV Blend

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

0.0%	0.0% #A8BCA1	RGB 168 188 161	#A8BCA1
16.7%	16.7% #99B490	RGB 153 180 144	#99B490
33.3%	33.3% #8CAD81	RGB 140 173 129	#8CAD81
50.0%	50.0% #7FA672	RGB 127 166 114	#7FA672
66.7%	66.7% #729E65	RGB 114 158 101	#729E65
83.3%	83.3% #669758	RGB 102 151 88	#669758
100.0%	100.0% #5B904C	RGB 91 144 76	#5B904C

#A8BCA1 #99B490 #8CAD81 #7FA672 #729E65 #669758 #5B904C

#A8BCA1 - #7FA672 - #5B904C

CSS codes

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

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