#8C7E7E - #F8C8A2 | 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 #8C7E7E to #F8C8A2

#8C7E7E #F8C8A2

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

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

0.0%	0.0% #8C7E7E	RGB 140 126 126	#8C7E7E
16.7%	16.7% #9E8A84	RGB 158 138 132	#9E8A84
33.3%	33.3% #B0968A	RGB 176 150 138	#B0968A
50.0%	50.0% #C2A390	RGB 194 163 144	#C2A390
66.7%	66.7% #D4AF96	RGB 212 175 150	#D4AF96
83.3%	83.3% #E6BB9C	RGB 230 187 156	#E6BB9C
100.0%	100.0% #F8C8A2	RGB 248 200 162	#F8C8A2

#8C7E7E #9E8A84 #B0968A #C2A390 #D4AF96 #E6BB9C #F8C8A2

#8C7E7E - #F8C8A2

HSV Blend

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

0.0%	0.0% #8C7E7E	RGB 140 126 126	#8C7E7E
16.7%	16.7% #9E8987	RGB 158 137 135	#9E8987
33.3%	33.3% #B0948F	RGB 176 148 143	#B0948F
50.0%	50.0% #C2A096	RGB 194 160 150	#C2A096
66.7%	66.7% #D4AC9B	RGB 212 172 155	#D4AC9B
83.3%	83.3% #E6B99F	RGB 230 185 159	#E6B99F
100.0%	100.0% #F8C8A2	RGB 248 200 162	#F8C8A2

#8C7E7E #9E8987 #B0948F #C2A096 #D4AC9B #E6B99F #F8C8A2

#8C7E7E - #C2A096 - #F8C8A2

CSS codes

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

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