#A8ADAC - #528D87 | 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 #A8ADAC to #528D87

#A8ADAC #528D87

Calculate the color between two colors, #A8ADAC and #528D87. 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)

#A8ADAC - #528D87 | 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 #A8ADAC as 0% and #528D87 as 100%.

0.0%	0.0% #A8ADAC	RGB 168 173 172	#A8ADAC
16.7%	16.7% #99A7A5	RGB 153 167 165	#99A7A5
33.3%	33.3% #8BA29F	RGB 139 162 159	#8BA29F
50.0%	50.0% #7D9D99	RGB 125 157 153	#7D9D99
66.7%	66.7% #6E9793	RGB 110 151 147	#6E9793
83.3%	83.3% #60928D	RGB 96 146 141	#60928D
100.0%	100.0% #528D87	RGB 82 141 135	#528D87

#A8ADAC #99A7A5 #8BA29F #7D9D99 #6E9793 #60928D #528D87

#A8ADAC - #528D87

HSV Blend

#A8ADAC - #528D87 | 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 #A8ADAC as 0% and #528D87 as 100%.

0.0%	0.0% #A8ADAC	RGB 168 173 172	#A8ADAC
16.7%	16.7% #97A7A4	RGB 151 167 164	#97A7A4
33.3%	33.3% #88A29E	RGB 136 162 158	#88A29E
50.0%	50.0% #799D97	RGB 121 157 151	#799D97
66.7%	66.7% #6B9791	RGB 107 151 145	#6B9791
83.3%	83.3% #5E928C	RGB 94 146 140	#5E928C
100.0%	100.0% #528D87	RGB 82 141 135	#528D87

#A8ADAC #97A7A4 #88A29E #799D97 #6B9791 #5E928C #528D87

#A8ADAC - #799D97 - #528D87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADAC 0%, #799D97 50%, #528D87 100%);
    background: -webkit-linear-gradient(top, #A8ADAC 0%, #799D97 50%, #528D87 100%);
    background: linear-gradient(to bottom, #A8ADAC 0%, #799D97 50%, #528D87 100%);
}
</style>