#5E1900 - #D1BCB6 | 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 #5E1900 to #D1BCB6

#5E1900 #D1BCB6

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

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

0.0%	0.0% #5E1900	RGB 94 25 0	#5E1900
16.7%	16.7% #71341E	RGB 113 52 30	#71341E
33.3%	33.3% #844F3C	RGB 132 79 60	#844F3C
50.0%	50.0% #976A5B	RGB 151 106 91	#976A5B
66.7%	66.7% #AA8579	RGB 170 133 121	#AA8579
83.3%	83.3% #BDA097	RGB 189 160 151	#BDA097
100.0%	100.0% #D1BCB6	RGB 209 188 182	#D1BCB6

#5E1900 #71341E #844F3C #976A5B #AA8579 #BDA097 #D1BCB6

#5E1900 - #D1BCB6

HSV Blend

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

0.0%	0.0% #5E1900	RGB 94 25 0	#5E1900
16.7%	16.7% #712910	RGB 113 41 16	#712910
33.3%	33.3% #843E26	RGB 132 62 38	#843E26
50.0%	50.0% #975641	RGB 151 86 65	#975641
66.7%	66.7% #AA7463	RGB 170 116 99	#AA7463
83.3%	83.3% #BD9589	RGB 189 149 137	#BD9589
100.0%	100.0% #D1BCB6	RGB 209 188 182	#D1BCB6

#5E1900 #712910 #843E26 #975641 #AA7463 #BD9589 #D1BCB6

#5E1900 - #975641 - #D1BCB6

CSS codes

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

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