#A88C80 - #8C552C | 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 #A88C80 to #8C552C

#A88C80 #8C552C

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

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

0.0%	0.0% #A88C80	RGB 168 140 128	#A88C80
16.7%	16.7% #A38272	RGB 163 130 114	#A38272
33.3%	33.3% #9E7964	RGB 158 121 100	#9E7964
50.0%	50.0% #9A7056	RGB 154 112 86	#9A7056
66.7%	66.7% #956748	RGB 149 103 72	#956748
83.3%	83.3% #905E3A	RGB 144 94 58	#905E3A
100.0%	100.0% #8C552C	RGB 140 85 44	#8C552C

#A88C80 #A38272 #9E7964 #9A7056 #956748 #905E3A #8C552C

#A88C80 - #8C552C

HSV Blend

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

0.0%	0.0% #A88C80	RGB 168 140 128	#A88C80
16.7%	16.7% #A38070	RGB 163 128 112	#A38070
33.3%	33.3% #9E7661	RGB 158 118 97	#9E7661
50.0%	50.0% #9A6C52	RGB 154 108 82	#9A6C52
66.7%	66.7% #956445	RGB 149 100 69	#956445
83.3%	83.3% #905C38	RGB 144 92 56	#905C38
100.0%	100.0% #8C552C	RGB 140 85 44	#8C552C

#A88C80 #A38070 #9E7661 #9A6C52 #956445 #905C38 #8C552C

#A88C80 - #9A6C52 - #8C552C

CSS codes

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

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