#8C8F8C - #AEFCC2 | 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 #8C8F8C to #AEFCC2

#8C8F8C #AEFCC2

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

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

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #91A195	RGB 145 161 149	#91A195
33.3%	33.3% #97B39E	RGB 151 179 158	#97B39E
50.0%	50.0% #9DC5A7	RGB 157 197 167	#9DC5A7
66.7%	66.7% #A2D7B0	RGB 162 215 176	#A2D7B0
83.3%	83.3% #A8E9B9	RGB 168 233 185	#A8E9B9
100.0%	100.0% #AEFCC2	RGB 174 252 194	#AEFCC2

#8C8F8C #91A195 #97B39E #9DC5A7 #A2D7B0 #A8E9B9 #AEFCC2

#8C8F8C - #AEFCC2

HSV Blend

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

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #96A196	RGB 150 161 150	#96A196
33.3%	33.3% #9EB3A0	RGB 158 179 160	#9EB3A0
50.0%	50.0% #A4C5A9	RGB 164 197 169	#A4C5A9
66.7%	66.7% #A9D7B1	RGB 169 215 177	#A9D7B1
83.3%	83.3% #ACE9B9	RGB 172 233 185	#ACE9B9
100.0%	100.0% #AEFCC2	RGB 174 252 194	#AEFCC2

#8C8F8C #96A196 #9EB3A0 #A4C5A9 #A9D7B1 #ACE9B9 #AEFCC2

#8C8F8C - #A4C5A9 - #AEFCC2

CSS codes

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

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