#A47C7C - #88372A | 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 #A47C7C to #88372A

#A47C7C #88372A

Calculate the color between two colors, #A47C7C and #88372A. 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)

#A47C7C - #88372A | 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 #A47C7C as 0% and #88372A as 100%.

0.0%	0.0% #A47C7C	RGB 164 124 124	#A47C7C
16.7%	16.7% #9F706E	RGB 159 112 110	#9F706E
33.3%	33.3% #9A6560	RGB 154 101 96	#9A6560
50.0%	50.0% #965953	RGB 150 89 83	#965953
66.7%	66.7% #914E45	RGB 145 78 69	#914E45
83.3%	83.3% #8C4237	RGB 140 66 55	#8C4237
100.0%	100.0% #88372A	RGB 136 55 42	#88372A

#A47C7C #9F706E #9A6560 #965953 #914E45 #8C4237 #88372A

#A47C7C - #88372A

HSV Blend

#A47C7C - #88372A | 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 #A47C7C as 0% and #88372A as 100%.

0.0%	0.0% #A47C7C	RGB 164 124 124	#A47C7C
16.7%	16.7% #9F6D6C	RGB 159 109 108	#9F6D6C
33.3%	33.3% #9A605D	RGB 154 96 93	#9A605D
50.0%	50.0% #96544F	RGB 150 84 79	#96544F
66.7%	66.7% #914942	RGB 145 73 66	#914942
83.3%	83.3% #8C3F35	RGB 140 63 53	#8C3F35
100.0%	100.0% #88372A	RGB 136 55 42	#88372A

#A47C7C #9F6D6C #9A605D #96544F #914942 #8C3F35 #88372A

#A47C7C - #96544F - #88372A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A47C7C 0%, #96544F 50%, #88372A 100%);
    background: -webkit-linear-gradient(top, #A47C7C 0%, #96544F 50%, #88372A 100%);
    background: linear-gradient(to bottom, #A47C7C 0%, #96544F 50%, #88372A 100%);
}
</style>