#A8B5AF - #527C72 | 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 #A8B5AF to #527C72

#A8B5AF #527C72

Calculate the color between two colors, #A8B5AF and #527C72. 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)

#A8B5AF - #527C72 | 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 #A8B5AF as 0% and #527C72 as 100%.

0.0%	0.0% #A8B5AF	RGB 168 181 175	#A8B5AF
16.7%	16.7% #99ABA4	RGB 153 171 164	#99ABA4
33.3%	33.3% #8BA29A	RGB 139 162 154	#8BA29A
50.0%	50.0% #7D9890	RGB 125 152 144	#7D9890
66.7%	66.7% #6E8F86	RGB 110 143 134	#6E8F86
83.3%	83.3% #60857C	RGB 96 133 124	#60857C
100.0%	100.0% #527C72	RGB 82 124 114	#527C72

#A8B5AF #99ABA4 #8BA29A #7D9890 #6E8F86 #60857C #527C72

#A8B5AF - #527C72

HSV Blend

#A8B5AF - #527C72 | 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 #A8B5AF as 0% and #527C72 as 100%.

0.0%	0.0% #A8B5AF	RGB 168 181 175	#A8B5AF
16.7%	16.7% #97ABA3	RGB 151 171 163	#97ABA3
33.3%	33.3% #87A297	RGB 135 162 151	#87A297
50.0%	50.0% #79988D	RGB 121 152 141	#79988D
66.7%	66.7% #6B8F83	RGB 107 143 131	#6B8F83
83.3%	83.3% #5E857A	RGB 94 133 122	#5E857A
100.0%	100.0% #527C72	RGB 82 124 114	#527C72

#A8B5AF #97ABA3 #87A297 #79988D #6B8F83 #5E857A #527C72

#A8B5AF - #79988D - #527C72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B5AF 0%, #79988D 50%, #527C72 100%);
    background: -webkit-linear-gradient(top, #A8B5AF 0%, #79988D 50%, #527C72 100%);
    background: linear-gradient(to bottom, #A8B5AF 0%, #79988D 50%, #527C72 100%);
}
</style>