#5E2D0E - #D1C2BA | 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 #5E2D0E to #D1C2BA

#5E2D0E #D1C2BA

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

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

0.0%	0.0% #5E2D0E	RGB 94 45 14	#5E2D0E
16.7%	16.7% #71452A	RGB 113 69 42	#71452A
33.3%	33.3% #845E47	RGB 132 94 71	#845E47
50.0%	50.0% #977764	RGB 151 119 100	#977764
66.7%	66.7% #AA9080	RGB 170 144 128	#AA9080
83.3%	83.3% #BDA99D	RGB 189 169 157	#BDA99D
100.0%	100.0% #D1C2BA	RGB 209 194 186	#D1C2BA

#5E2D0E #71452A #845E47 #977764 #AA9080 #BDA99D #D1C2BA

#5E2D0E - #D1C2BA

HSV Blend

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

0.0%	0.0% #5E2C0D	RGB 94 44 13	#5E2C0D
16.7%	16.7% #713E1E	RGB 113 62 30	#713E1E
33.3%	33.3% #845234	RGB 132 82 52	#845234
50.0%	50.0% #97694E	RGB 151 105 78	#97694E
66.7%	66.7% #AA836D	RGB 170 131 109	#AA836D
83.3%	83.3% #BDA191	RGB 189 161 145	#BDA191
100.0%	100.0% #D1C2BA	RGB 209 194 186	#D1C2BA

#5E2C0D #713E1E #845234 #97694E #AA836D #BDA191 #D1C2BA

#5E2D0E - #97694E - #D1C2BA

CSS codes

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

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