#851F00 - #DCBFB6 | 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 #851F00 to #DCBFB6

#851F00 #DCBFB6

Calculate the color between two colors, #851F00 and #DCBFB6. 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)

#851F00 - #DCBFB6 | 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 #851F00 as 0% and #DCBFB6 as 100%.

0.0%	0.0% #851F00	RGB 133 31 0	#851F00
16.7%	16.7% #93391E	RGB 147 57 30	#93391E
33.3%	33.3% #A2543C	RGB 162 84 60	#A2543C
50.0%	50.0% #B06F5B	RGB 176 111 91	#B06F5B
66.7%	66.7% #BF8979	RGB 191 137 121	#BF8979
83.3%	83.3% #CDA497	RGB 205 164 151	#CDA497
100.0%	100.0% #DCBFB6	RGB 220 191 182	#DCBFB6

#851F00 #93391E #A2543C #B06F5B #BF8979 #CDA497 #DCBFB6

#851F00 - #DCBFB6

HSV Blend

#851F00 - #DCBFB6 | 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 #851F00 as 0% and #DCBFB6 as 100%.

0.0%	0.0% #851F00	RGB 133 31 0	#851F00
16.7%	16.7% #933214	RGB 147 50 20	#933214
33.3%	33.3% #A2482C	RGB 162 72 44	#A2482C
50.0%	50.0% #B06149	RGB 176 97 73	#B06149
66.7%	66.7% #BF7D69	RGB 191 125 105	#BF7D69
83.3%	83.3% #CD9C8D	RGB 205 156 141	#CD9C8D
100.0%	100.0% #DCBFB6	RGB 220 191 182	#DCBFB6

#851F00 #933214 #A2482C #B06149 #BF7D69 #CD9C8D #DCBFB6

#851F00 - #B06149 - #DCBFB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #851F00 0%, #B06149 50%, #DCBFB6 100%);
    background: -webkit-linear-gradient(top, #851F00 0%, #B06149 50%, #DCBFB6 100%);
    background: linear-gradient(to bottom, #851F00 0%, #B06149 50%, #DCBFB6 100%);
}
</style>