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

#8C8C8C #FCDDAE

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9991	RGB 158 153 145	#9E9991
33.3%	33.3% #B1A797	RGB 177 167 151	#B1A797
50.0%	50.0% #C4B49D	RGB 196 180 157	#C4B49D
66.7%	66.7% #D6C2A2	RGB 214 194 162	#D6C2A2
83.3%	83.3% #E9CFA8	RGB 233 207 168	#E9CFA8
100.0%	100.0% #FCDDAE	RGB 252 221 174	#FCDDAE

#8C8C8C #9E9991 #B1A797 #C4B49D #D6C2A2 #E9CFA8 #FCDDAE

#8C8C8C - #FCDDAE

HSV Blend

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

0.0%	0.0% #8C8C8C	RGB 140 140 140	#8C8C8C
16.7%	16.7% #9E9796	RGB 158 151 150	#9E9796
33.3%	33.3% #B1A29F	RGB 177 162 159	#B1A29F
50.0%	50.0% #C4AEA5	RGB 196 174 165	#C4AEA5
66.7%	66.7% #D6BCAA	RGB 214 188 170	#D6BCAA
83.3%	83.3% #E9CBAD	RGB 233 203 173	#E9CBAD
100.0%	100.0% #FCDDAE	RGB 252 221 174	#FCDDAE

#8C8C8C #9E9796 #B1A29F #C4AEA5 #D6BCAA #E9CBAD #FCDDAE

#8C8C8C - #C4AEA5 - #FCDDAE

CSS codes

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

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