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

#8C8C8C #AEC3FC

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #91959E	RGB 145 149 158	#91959E
33.3%	33.3% #979EB1	RGB 151 158 177	#979EB1
50.0%	50.0% #9DA7C4	RGB 157 167 196	#9DA7C4
66.7%	66.7% #A2B0D6	RGB 162 176 214	#A2B0D6
83.3%	83.3% #A8B9E9	RGB 168 185 233	#A8B9E9
100.0%	100.0% #AEC3FC	RGB 174 195 252	#AEC3FC

#8C8C8C #91959E #979EB1 #9DA7C4 #A2B0D6 #A8B9E9 #AEC3FC

#8C8C8C - #AEC3FC

HSV Blend

#8C8C8C - #AEC3FC | 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 #AEC3FC as 100%.

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9699	RGB 158 150 153	#9E9699
33.3%	33.3% #B19FAC	RGB 177 159 172	#B19FAC
50.0%	50.0% #BFA5C4	RGB 191 165 196	#BFA5C4
66.7%	66.7% #BFAAD6	RGB 191 170 214	#BFAAD6
83.3%	83.3% #B3ADE9	RGB 179 173 233	#B3ADE9
100.0%	100.0% #AEC3FC	RGB 174 195 252	#AEC3FC

#8C8C8C #9E9699 #B19FAC #BFA5C4 #BFAAD6 #B3ADE9 #AEC3FC

#8C8C8C - #BFA5C4 - #AEC3FC

CSS codes

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

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