#5E5242 - #D1CEC9 | 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 #5E5242 to #D1CEC9

#5E5242 #D1CEC9

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

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

0.0%	0.0% #5E5242	RGB 94 82 66	#5E5242
16.7%	16.7% #716658	RGB 113 102 88	#716658
33.3%	33.3% #847B6F	RGB 132 123 111	#847B6F
50.0%	50.0% #979085	RGB 151 144 133	#979085
66.7%	66.7% #AAA49C	RGB 170 164 156	#AAA49C
83.3%	83.3% #BDB9B2	RGB 189 185 178	#BDB9B2
100.0%	100.0% #D1CEC9	RGB 209 206 201	#D1CEC9

#5E5242 #716658 #847B6F #979085 #AAA49C #BDB9B2 #D1CEC9

#5E5242 - #D1CEC9

HSV Blend

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

0.0%	0.0% #5E5242	RGB 94 82 66	#5E5242
16.7%	16.7% #716554	RGB 113 101 84	#716554
33.3%	33.3% #847868	RGB 132 120 104	#847868
50.0%	50.0% #978D7E	RGB 151 141 126	#978D7E
66.7%	66.7% #AAA295	RGB 170 162 149	#AAA295
83.3%	83.3% #BDB7AE	RGB 189 183 174	#BDB7AE
100.0%	100.0% #D1CEC9	RGB 209 206 201	#D1CEC9

#5E5242 #716554 #847868 #978D7E #AAA295 #BDB7AE #D1CEC9

#5E5242 - #978D7E - #D1CEC9

CSS codes

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

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