#A8BAB2 - #529174 | 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 #A8BAB2 to #529174

#A8BAB2 #529174

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

#A8BAB2 - #529174 | 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 #A8BAB2 as 0% and #529174 as 100%.

0.0%	0.0% #A8BAB2	RGB 168 186 178	#A8BAB2
16.7%	16.7% #99B3A7	RGB 153 179 167	#99B3A7
33.3%	33.3% #8BAC9D	RGB 139 172 157	#8BAC9D
50.0%	50.0% #7DA593	RGB 125 165 147	#7DA593
66.7%	66.7% #6E9E88	RGB 110 158 136	#6E9E88
83.3%	83.3% #60977E	RGB 96 151 126	#60977E
100.0%	100.0% #529174	RGB 82 145 116	#529174

#A8BAB2 #99B3A7 #8BAC9D #7DA593 #6E9E88 #60977E #529174

#A8BAB2 - #529174

HSV Blend

#A8BAB2 - #529174 | 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 #A8BAB2 as 0% and #529174 as 100%.

0.0%	0.0% #A8BAB2	RGB 168 186 178	#A8BAB2
16.7%	16.7% #97B3A6	RGB 151 179 166	#97B3A6
33.3%	33.3% #88AC9C	RGB 136 172 156	#88AC9C
50.0%	50.0% #79A591	RGB 121 165 145	#79A591
66.7%	66.7% #6B9E87	RGB 107 158 135	#6B9E87
83.3%	83.3% #5E977D	RGB 94 151 125	#5E977D
100.0%	100.0% #529174	RGB 82 145 116	#529174

#A8BAB2 #97B3A6 #88AC9C #79A591 #6B9E87 #5E977D #529174

#A8BAB2 - #79A591 - #529174

CSS codes

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

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