#4F3E3E - #BD886C | 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 #4F3E3E to #BD886C

#4F3E3E #BD886C

Calculate the color between two colors, #4F3E3E and #BD886C. 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)

#4F3E3E - #BD886C | 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 #4F3E3E as 0% and #BD886C as 100%.

0.0%	0.0% #4F3E3E	RGB 79 62 62	#4F3E3E
16.7%	16.7% #614A45	RGB 97 74 69	#614A45
33.3%	33.3% #73564D	RGB 115 86 77	#73564D
50.0%	50.0% #866355	RGB 134 99 85	#866355
66.7%	66.7% #986F5C	RGB 152 111 92	#986F5C
83.3%	83.3% #AA7B64	RGB 170 123 100	#AA7B64
100.0%	100.0% #BD886C	RGB 189 136 108	#BD886C

#4F3E3E #614A45 #73564D #866355 #986F5C #AA7B64 #BD886C

#4F3E3E - #BD886C

HSV Blend

#4F3E3E - #BD886C | 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 #4F3E3E as 0% and #BD886C as 100%.

0.0%	0.0% #4F3E3E	RGB 79 62 62	#4F3E3E
16.7%	16.7% #614A48	RGB 97 74 72	#614A48
33.3%	33.3% #735652	RGB 115 86 82	#735652
50.0%	50.0% #86625A	RGB 134 98 90	#86625A
66.7%	66.7% #986E61	RGB 152 110 97	#986E61
83.3%	83.3% #AA7A67	RGB 170 122 103	#AA7A67
100.0%	100.0% #BD886C	RGB 189 136 108	#BD886C

#4F3E3E #614A48 #735652 #86625A #986E61 #AA7A67 #BD886C

#4F3E3E - #86625A - #BD886C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F3E3E 0%, #86625A 50%, #BD886C 100%);
    background: -webkit-linear-gradient(top, #4F3E3E 0%, #86625A 50%, #BD886C 100%);
    background: linear-gradient(to bottom, #4F3E3E 0%, #86625A 50%, #BD886C 100%);
}
</style>