#D4A191 - #8C5A2C | 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 #D4A191 to #8C5A2C

#D4A191 #8C5A2C

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

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

0.0%	0.0% #D4A191	RGB 212 161 145	#D4A191
16.7%	16.7% #C89580	RGB 200 149 128	#C89580
33.3%	33.3% #BC896F	RGB 188 137 111	#BC896F
50.0%	50.0% #B07D5E	RGB 176 125 94	#B07D5E
66.7%	66.7% #A4714D	RGB 164 113 77	#A4714D
83.3%	83.3% #98653C	RGB 152 101 60	#98653C
100.0%	100.0% #8C5A2C	RGB 140 90 44	#8C5A2C

#D4A191 #C89580 #BC896F #B07D5E #A4714D #98653C #8C5A2C

#D4A191 - #8C5A2C

HSV Blend

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

0.0%	0.0% #D4A191	RGB 212 161 145	#D4A191
16.7%	16.7% #C8917C	RGB 200 145 124	#C8917C
33.3%	33.3% #BC8369	RGB 188 131 105	#BC8369
50.0%	50.0% #B07757	RGB 176 119 87	#B07757
66.7%	66.7% #A46C47	RGB 164 108 71	#A46C47
83.3%	83.3% #986239	RGB 152 98 57	#986239
100.0%	100.0% #8C5A2C	RGB 140 90 44	#8C5A2C

#D4A191 #C8917C #BC8369 #B07757 #A46C47 #986239 #8C5A2C

#D4A191 - #B07757 - #8C5A2C

CSS codes

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

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