#8C8F8D - #AEF7FC | 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 #8C8F8D to #AEF7FC

#8C8F8D #AEF7FC

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

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

0.0%	0.0% #8C8F8D	RGB 140 143 141	#8C8F8D
16.7%	16.7% #91A09F	RGB 145 160 159	#91A09F
33.3%	33.3% #97B1B2	RGB 151 177 178	#97B1B2
50.0%	50.0% #9DC3C4	RGB 157 195 196	#9DC3C4
66.7%	66.7% #A2D4D7	RGB 162 212 215	#A2D4D7
83.3%	83.3% #A8E5E9	RGB 168 229 233	#A8E5E9
100.0%	100.0% #AEF7FC	RGB 174 247 252	#AEF7FC

#8C8F8D #91A09F #97B1B2 #9DC3C4 #A2D4D7 #A8E5E9 #AEF7FC

#8C8F8D - #AEF7FC

HSV Blend

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

0.0%	0.0% #8C8F8D	RGB 140 143 141	#8C8F8D
16.7%	16.7% #96A19B	RGB 150 161 155	#96A19B
33.3%	33.3% #9EB3AA	RGB 158 179 170	#9EB3AA
50.0%	50.0% #A4C5BB	RGB 164 197 187	#A4C5BB
66.7%	66.7% #A9D7CF	RGB 169 215 207	#A9D7CF
83.3%	83.3% #ACE9E6	RGB 172 233 230	#ACE9E6
100.0%	100.0% #AEF7FC	RGB 174 247 252	#AEF7FC

#8C8F8D #96A19B #9EB3AA #A4C5BB #A9D7CF #ACE9E6 #AEF7FC

#8C8F8D - #A4C5BB - #AEF7FC

CSS codes

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

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