#5E070E - #D1B8BA | 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 #5E070E to #D1B8BA

#5E070E #D1B8BA

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

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

0.0%	0.0% #5E070E	RGB 94 7 14	#5E070E
16.7%	16.7% #71242A	RGB 113 36 42	#71242A
33.3%	33.3% #844247	RGB 132 66 71	#844247
50.0%	50.0% #975F64	RGB 151 95 100	#975F64
66.7%	66.7% #AA7D80	RGB 170 125 128	#AA7D80
83.3%	83.3% #BD9A9D	RGB 189 154 157	#BD9A9D
100.0%	100.0% #D1B8BA	RGB 209 184 186	#D1B8BA

#5E070E #71242A #844247 #975F64 #AA7D80 #BD9A9D #D1B8BA

#5E070E - #D1B8BA

HSV Blend

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

0.0%	0.0% #5E060E	RGB 94 6 14	#5E060E
16.7%	16.7% #71171E	RGB 113 23 30	#71171E
33.3%	33.3% #842D34	RGB 132 45 52	#842D34
50.0%	50.0% #97484E	RGB 151 72 78	#97484E
66.7%	66.7% #AA686D	RGB 170 104 109	#AA686D
83.3%	83.3% #BD8D91	RGB 189 141 145	#BD8D91
100.0%	100.0% #D1B8BA	RGB 209 184 186	#D1B8BA

#5E060E #71171E #842D34 #97484E #AA686D #BD8D91 #D1B8BA

#5E070E - #97484E - #D1B8BA

CSS codes

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

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