#8C8C8C - #AEFCB6 | 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 #AEFCB6

#8C8C8C #AEFCB6

Calculate the color between two colors, #8C8C8C and #AEFCB6. 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 - #AEFCB6 | 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 #AEFCB6 as 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #919E93	RGB 145 158 147	#919E93
33.3%	33.3% #97B19A	RGB 151 177 154	#97B19A
50.0%	50.0% #9DC4A1	RGB 157 196 161	#9DC4A1
66.7%	66.7% #A2D6A8	RGB 162 214 168	#A2D6A8
83.3%	83.3% #A8E9AF	RGB 168 233 175	#A8E9AF
100.0%	100.0% #AEFCB6	RGB 174 252 182	#AEFCB6

#8C8C8C #919E93 #97B19A #9DC4A1 #A2D6A8 #A8E9AF #AEFCB6

#8C8C8C - #AEFCB6

HSV Blend

#8C8C8C - #AEFCB6 | 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 #AEFCB6 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% #B1AB9F	RGB 177 171 159	#B1AB9F
50.0%	50.0% #C2C4A5	RGB 194 196 165	#C2C4A5
66.7%	66.7% #C4D6AA	RGB 196 214 170	#C4D6AA
83.3%	83.3% #BCE9AD	RGB 188 233 173	#BCE9AD
100.0%	100.0% #AEFCB6	RGB 174 252 182	#AEFCB6

#8C8C8C #9E9996 #B1AB9F #C2C4A5 #C4D6AA #BCE9AD #AEFCB6

#8C8C8C - #C2C4A5 - #AEFCB6

CSS codes

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

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