#8C7F7B - #A2CCCF | 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 #8C7F7B to #A2CCCF

#8C7F7B #A2CCCF

Calculate the color between two colors, #8C7F7B and #A2CCCF. 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)

#8C7F7B - #A2CCCF | 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 #8C7F7B as 0% and #A2CCCF as 100%.

0.0%	0.0% #8C7F7B	RGB 140 127 123	#8C7F7B
16.7%	16.7% #8F8B89	RGB 143 139 137	#8F8B89
33.3%	33.3% #939897	RGB 147 152 151	#939897
50.0%	50.0% #97A5A5	RGB 151 165 165	#97A5A5
66.7%	66.7% #9AB2B3	RGB 154 178 179	#9AB2B3
83.3%	83.3% #9EBFC1	RGB 158 191 193	#9EBFC1
100.0%	100.0% #A2CCCF	RGB 162 204 207	#A2CCCF

#8C7F7B #8F8B89 #939897 #97A5A5 #9AB2B3 #9EBFC1 #A2CCCF

#8C7F7B - #A2CCCF

HSV Blend

#8C7F7B - #A2CCCF | 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 #8C7F7B as 0% and #A2CCCF as 100%.

0.0%	0.0% #8C7F7B	RGB 140 127 123	#8C7F7B
16.7%	16.7% #979182	RGB 151 145 130	#979182
33.3%	33.3% #9DA289	RGB 157 162 137	#9DA289
50.0%	50.0% #9AAD90	RGB 154 173 144	#9AAD90
66.7%	66.7% #96B89A	RGB 150 184 154	#96B89A
83.3%	83.3% #9CC3B3	RGB 156 195 179	#9CC3B3
100.0%	100.0% #A2CCCF	RGB 162 204 207	#A2CCCF

#8C7F7B #979182 #9DA289 #9AAD90 #96B89A #9CC3B3 #A2CCCF

#8C7F7B - #9AAD90 - #A2CCCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7F7B 0%, #9AAD90 50%, #A2CCCF 100%);
    background: -webkit-linear-gradient(top, #8C7F7B 0%, #9AAD90 50%, #A2CCCF 100%);
    background: linear-gradient(to bottom, #8C7F7B 0%, #9AAD90 50%, #A2CCCF 100%);
}
</style>