#5E532F - #D1CEC3 | 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 #5E532F to #D1CEC3

#5E532F #D1CEC3

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

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

0.0%	0.0% #5E532F	RGB 94 83 47	#5E532F
16.7%	16.7% #716747	RGB 113 103 71	#716747
33.3%	33.3% #847C60	RGB 132 124 96	#847C60
50.0%	50.0% #979079	RGB 151 144 121	#979079
66.7%	66.7% #AAA591	RGB 170 165 145	#AAA591
83.3%	83.3% #BDB9AA	RGB 189 185 170	#BDB9AA
100.0%	100.0% #D1CEC3	RGB 209 206 195	#D1CEC3

#5E532F #716747 #847C60 #979079 #AAA591 #BDB9AA #D1CEC3

#5E532F - #D1CEC3

HSV Blend

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

0.0%	0.0% #5E532F	RGB 94 83 47	#5E532F
16.7%	16.7% #716540	RGB 113 101 64	#716540
33.3%	33.3% #847955	RGB 132 121 85	#847955
50.0%	50.0% #978D6C	RGB 151 141 108	#978D6C
66.7%	66.7% #AAA286	RGB 170 162 134	#AAA286
83.3%	83.3% #BDB8A3	RGB 189 184 163	#BDB8A3
100.0%	100.0% #D1CEC3	RGB 209 206 195	#D1CEC3

#5E532F #716540 #847955 #978D6C #AAA286 #BDB8A3 #D1CEC3

#5E532F - #978D6C - #D1CEC3

CSS codes

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

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