#8C8C8C - #AEFCC3 | 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 #8C8C8C to #AEFCC3

#8C8C8C #AEFCC3

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

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #919E95	RGB 145 158 149	#919E95
33.3%	33.3% #97B19E	RGB 151 177 158	#97B19E
50.0%	50.0% #9DC4A7	RGB 157 196 167	#9DC4A7
66.7%	66.7% #A2D6B0	RGB 162 214 176	#A2D6B0
83.3%	83.3% #A8E9B9	RGB 168 233 185	#A8E9B9
100.0%	100.0% #AEFCC3	RGB 174 252 195	#AEFCC3

#8C8C8C #919E95 #97B19E #9DC4A7 #A2D6B0 #A8E9B9 #AEFCC3

#8C8C8C - #AEFCC3

HSV Blend

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9996	RGB 158 153 150	#9E9996
33.3%	33.3% #B1AC9F	RGB 177 172 159	#B1AC9F
50.0%	50.0% #BFC4A5	RGB 191 196 165	#BFC4A5
66.7%	66.7% #BFD6AA	RGB 191 214 170	#BFD6AA
83.3%	83.3% #B3E9AD	RGB 179 233 173	#B3E9AD
100.0%	100.0% #AEFCC3	RGB 174 252 195	#AEFCC3

#8C8C8C #9E9996 #B1AC9F #BFC4A5 #BFD6AA #B3E9AD #AEFCC3

#8C8C8C - #BFC4A5 - #AEFCC3

CSS codes

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

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