#8C8C8F - #A2DDD0 | 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 #8C8C8F to #A2DDD0

#8C8C8F #A2DDD0

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

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

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #8F9999	RGB 143 153 153	#8F9999
33.3%	33.3% #93A7A4	RGB 147 167 164	#93A7A4
50.0%	50.0% #97B4AF	RGB 151 180 175	#97B4AF
66.7%	66.7% #9AC2BA	RGB 154 194 186	#9AC2BA
83.3%	83.3% #9ECFC5	RGB 158 207 197	#9ECFC5
100.0%	100.0% #A2DDD0	RGB 162 221 208	#A2DDD0

#8C8C8F #8F9999 #93A7A4 #97B4AF #9AC2BA #9ECFC5 #A2DDD0

#8C8C8F - #A2DDD0

HSV Blend

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

0.0%	0.0% #8C8C8F	RGB 140 140 143	#8C8C8F
16.7%	16.7% #92949C	RGB 146 148 156	#92949C
33.3%	33.3% #979EA9	RGB 151 158 169	#979EA9
50.0%	50.0% #9BABB6	RGB 155 171 182	#9BABB6
66.7%	66.7% #9EBCC3	RGB 158 188 195	#9EBCC3
83.3%	83.3% #A0D0CF	RGB 160 208 207	#A0D0CF
100.0%	100.0% #A2DDD0	RGB 162 221 208	#A2DDD0

#8C8C8F #92949C #979EA9 #9BABB6 #9EBCC3 #A0D0CF #A2DDD0

#8C8C8F - #9BABB6 - #A2DDD0

CSS codes

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

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