#8F8C8C - #FCC1AE | 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 #8F8C8C to #FCC1AE

#8F8C8C #FCC1AE

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

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

0.0%	0.0% #8F8C8C	RGB 143 140 140	#8F8C8C
16.7%	16.7% #A19491	RGB 161 148 145	#A19491
33.3%	33.3% #B39D97	RGB 179 157 151	#B39D97
50.0%	50.0% #C5A69D	RGB 197 166 157	#C5A69D
66.7%	66.7% #D7AFA2	RGB 215 175 162	#D7AFA2
83.3%	83.3% #E9B8A8	RGB 233 184 168	#E9B8A8
100.0%	100.0% #FCC1AE	RGB 252 193 174	#FCC1AE

#8F8C8C #A19491 #B39D97 #C5A69D #D7AFA2 #E9B8A8 #FCC1AE

#8F8C8C - #FCC1AE

HSV Blend

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

0.0%	0.0% #8F8C8C	RGB 143 140 140	#8F8C8C
16.7%	16.7% #A19696	RGB 161 150 150	#A19696
33.3%	33.3% #B3A09E	RGB 179 160 158	#B3A09E
50.0%	50.0% #C5A8A4	RGB 197 168 164	#C5A8A4
66.7%	66.7% #D7B1A9	RGB 215 177 169	#D7B1A9
83.3%	83.3% #E9B9AC	RGB 233 185 172	#E9B9AC
100.0%	100.0% #FCC1AE	RGB 252 193 174	#FCC1AE

#8F8C8C #A19696 #B3A09E #C5A8A4 #D7B1A9 #E9B9AC #FCC1AE

#8F8C8C - #C5A8A4 - #FCC1AE

CSS codes

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

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