#A8BAAD - #529161 | 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 #A8BAAD to #529161

#A8BAAD #529161

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

#A8BAAD - #529161 | 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 #A8BAAD as 0% and #529161 as 100%.

0.0%	0.0% #A8BAAD	RGB 168 186 173	#A8BAAD
16.7%	16.7% #99B3A0	RGB 153 179 160	#99B3A0
33.3%	33.3% #8BAC93	RGB 139 172 147	#8BAC93
50.0%	50.0% #7DA587	RGB 125 165 135	#7DA587
66.7%	66.7% #6E9E7A	RGB 110 158 122	#6E9E7A
83.3%	83.3% #60976D	RGB 96 151 109	#60976D
100.0%	100.0% #529161	RGB 82 145 97	#529161

#A8BAAD #99B3A0 #8BAC93 #7DA587 #6E9E7A #60976D #529161

#A8BAAD - #529161

HSV Blend

#A8BAAD - #529161 | 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 #A8BAAD as 0% and #529161 as 100%.

0.0%	0.0% #A8BAAD	RGB 168 186 173	#A8BAAD
16.7%	16.7% #97B39F	RGB 151 179 159	#97B39F
33.3%	33.3% #88AC91	RGB 136 172 145	#88AC91
50.0%	50.0% #79A584	RGB 121 165 132	#79A584
66.7%	66.7% #6B9E78	RGB 107 158 120	#6B9E78
83.3%	83.3% #5E976C	RGB 94 151 108	#5E976C
100.0%	100.0% #529161	RGB 82 145 97	#529161

#A8BAAD #97B39F #88AC91 #79A584 #6B9E78 #5E976C #529161

#A8BAAD - #79A584 - #529161

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BAAD 0%, #79A584 50%, #529161 100%);
    background: -webkit-linear-gradient(top, #A8BAAD 0%, #79A584 50%, #529161 100%);
    background: linear-gradient(to bottom, #A8BAAD 0%, #79A584 50%, #529161 100%);
}
</style>