#A8C0A8 - #478559 | 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 #A8C0A8 to #478559

#A8C0A8 #478559

Calculate the color between two colors, #A8C0A8 and #478559. 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)

#A8C0A8 - #478559 | 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 #A8C0A8 as 0% and #478559 as 100%.

0.0%	0.0% #A8C0A8	RGB 168 192 168	#A8C0A8
16.7%	16.7% #97B69A	RGB 151 182 154	#97B69A
33.3%	33.3% #87AC8D	RGB 135 172 141	#87AC8D
50.0%	50.0% #77A280	RGB 119 162 128	#77A280
66.7%	66.7% #679873	RGB 103 152 115	#679873
83.3%	83.3% #578E66	RGB 87 142 102	#578E66
100.0%	100.0% #478559	RGB 71 133 89	#478559

#A8C0A8 #97B69A #87AC8D #77A280 #679873 #578E66 #478559

#A8C0A8 - #478559

HSV Blend

#A8C0A8 - #478559 | 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 #A8C0A8 as 0% and #478559 as 100%.

0.0%	0.0% #A8C0A8	RGB 168 192 168	#A8C0A8
16.7%	16.7% #95B696	RGB 149 182 150	#95B696
33.3%	33.3% #83AC87	RGB 131 172 135	#83AC87
50.0%	50.0% #72A279	RGB 114 162 121	#72A279
66.7%	66.7% #62986D	RGB 98 152 109	#62986D
83.3%	83.3% #548E62	RGB 84 142 98	#548E62
100.0%	100.0% #478559	RGB 71 133 89	#478559

#A8C0A8 #95B696 #83AC87 #72A279 #62986D #548E62 #478559

#A8C0A8 - #72A279 - #478559

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0A8 0%, #72A279 50%, #478559 100%);
    background: -webkit-linear-gradient(top, #A8C0A8 0%, #72A279 50%, #478559 100%);
    background: linear-gradient(to bottom, #A8C0A8 0%, #72A279 50%, #478559 100%);
}
</style>