#5E342B - #D1C4C2 | 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 #5E342B to #D1C4C2

#5E342B #D1C4C2

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

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

0.0%	0.0% #5E342B	RGB 94 52 43	#5E342B
16.7%	16.7% #714C44	RGB 113 76 68	#714C44
33.3%	33.3% #84645D	RGB 132 100 93	#84645D
50.0%	50.0% #977C76	RGB 151 124 118	#977C76
66.7%	66.7% #AA948F	RGB 170 148 143	#AA948F
83.3%	83.3% #BDACA8	RGB 189 172 168	#BDACA8
100.0%	100.0% #D1C4C2	RGB 209 196 194	#D1C4C2

#5E342B #714C44 #84645D #977C76 #AA948F #BDACA8 #D1C4C2

#5E342B - #D1C4C2

HSV Blend

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

0.0%	0.0% #5E342B	RGB 94 52 43	#5E342B
16.7%	16.7% #71453C	RGB 113 69 60	#71453C
33.3%	33.3% #845951	RGB 132 89 81	#845951
50.0%	50.0% #977068	RGB 151 112 104	#977068
66.7%	66.7% #AA8983	RGB 170 137 131	#AA8983
83.3%	83.3% #BDA5A1	RGB 189 165 161	#BDA5A1
100.0%	100.0% #D1C4C2	RGB 209 196 194	#D1C4C2

#5E342B #71453C #845951 #977068 #AA8983 #BDA5A1 #D1C4C2

#5E342B - #977068 - #D1C4C2

CSS codes

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

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