#5E1B00 - #D1BDB6 | 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 #5E1B00 to #D1BDB6

#5E1B00 #D1BDB6

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

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

0.0%	0.0% #5E1B00	RGB 94 27 0	#5E1B00
16.7%	16.7% #71361E	RGB 113 54 30	#71361E
33.3%	33.3% #84513C	RGB 132 81 60	#84513C
50.0%	50.0% #976C5B	RGB 151 108 91	#976C5B
66.7%	66.7% #AA8779	RGB 170 135 121	#AA8779
83.3%	83.3% #BDA297	RGB 189 162 151	#BDA297
100.0%	100.0% #D1BDB6	RGB 209 189 182	#D1BDB6

#5E1B00 #71361E #84513C #976C5B #AA8779 #BDA297 #D1BDB6

#5E1B00 - #D1BDB6

HSV Blend

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

0.0%	0.0% #5E1B00	RGB 94 27 0	#5E1B00
16.7%	16.7% #712B10	RGB 113 43 16	#712B10
33.3%	33.3% #844026	RGB 132 64 38	#844026
50.0%	50.0% #975941	RGB 151 89 65	#975941
66.7%	66.7% #AA7663	RGB 170 118 99	#AA7663
83.3%	83.3% #BD9789	RGB 189 151 137	#BD9789
100.0%	100.0% #D1BDB6	RGB 209 189 182	#D1BDB6

#5E1B00 #712B10 #844026 #975941 #AA7663 #BD9789 #D1BDB6

#5E1B00 - #975941 - #D1BDB6

CSS codes

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

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