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

#5E2200 #D1BFB6

Calculate the color between two colors, #5E2200 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)

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

0.0%	0.0% #5E2200	RGB 94 34 0	#5E2200
16.7%	16.7% #713C1E	RGB 113 60 30	#713C1E
33.3%	33.3% #84563C	RGB 132 86 60	#84563C
50.0%	50.0% #97705B	RGB 151 112 91	#97705B
66.7%	66.7% #AA8A79	RGB 170 138 121	#AA8A79
83.3%	83.3% #BDA497	RGB 189 164 151	#BDA497
100.0%	100.0% #D1BFB6	RGB 209 191 182	#D1BFB6

#5E2200 #713C1E #84563C #97705B #AA8A79 #BDA497 #D1BFB6

#5E2200 - #D1BFB6

HSV Blend

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

0.0%	0.0% #5E2200	RGB 94 34 0	#5E2200
16.7%	16.7% #713210	RGB 113 50 16	#713210
33.3%	33.3% #844726	RGB 132 71 38	#844726
50.0%	50.0% #975F41	RGB 151 95 65	#975F41
66.7%	66.7% #AA7B63	RGB 170 123 99	#AA7B63
83.3%	83.3% #BD9B89	RGB 189 155 137	#BD9B89
100.0%	100.0% #D1BFB6	RGB 209 191 182	#D1BFB6

#5E2200 #713210 #844726 #975F41 #AA7B63 #BD9B89 #D1BFB6

#5E2200 - #975F41 - #D1BFB6

CSS codes

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

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