#5E1F00 - #D1BFB6 | 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 #5E1F00 to #D1BFB6

#5E1F00 #D1BFB6

Calculate the color between two colors, #5E1F00 and #D1BFB6. 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)

#5E1F00 - #D1BFB6 | 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 #5E1F00 as 0% and #D1BFB6 as 100%.

0.0%	0.0% #5E1F00	RGB 94 31 0	#5E1F00
16.7%	16.7% #71391E	RGB 113 57 30	#71391E
33.3%	33.3% #84543C	RGB 132 84 60	#84543C
50.0%	50.0% #976F5B	RGB 151 111 91	#976F5B
66.7%	66.7% #AA8979	RGB 170 137 121	#AA8979
83.3%	83.3% #BDA497	RGB 189 164 151	#BDA497
100.0%	100.0% #D1BFB6	RGB 209 191 182	#D1BFB6

#5E1F00 #71391E #84543C #976F5B #AA8979 #BDA497 #D1BFB6

#5E1F00 - #D1BFB6

HSV Blend

#5E1F00 - #D1BFB6 | 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 #5E1F00 as 0% and #D1BFB6 as 100%.

0.0%	0.0% #5E1F00	RGB 94 31 0	#5E1F00
16.7%	16.7% #713010	RGB 113 48 16	#713010
33.3%	33.3% #844526	RGB 132 69 38	#844526
50.0%	50.0% #975E41	RGB 151 94 65	#975E41
66.7%	66.7% #AA7A63	RGB 170 122 99	#AA7A63
83.3%	83.3% #BD9B89	RGB 189 155 137	#BD9B89
100.0%	100.0% #D1BFB6	RGB 209 191 182	#D1BFB6

#5E1F00 #713010 #844526 #975E41 #AA7A63 #BD9B89 #D1BFB6

#5E1F00 - #975E41 - #D1BFB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1F00 0%, #975E41 50%, #D1BFB6 100%);
    background: -webkit-linear-gradient(top, #5E1F00 0%, #975E41 50%, #D1BFB6 100%);
    background: linear-gradient(to bottom, #5E1F00 0%, #975E41 50%, #D1BFB6 100%);
}
</style>