#5E604E - #D1D1CC | 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 #5E604E to #D1D1CC

#5E604E #D1D1CC

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

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

0.0%	0.0% #5E604E	RGB 94 96 78	#5E604E
16.7%	16.7% #717263	RGB 113 114 99	#717263
33.3%	33.3% #848578	RGB 132 133 120	#848578
50.0%	50.0% #97988D	RGB 151 152 141	#97988D
66.7%	66.7% #AAABA2	RGB 170 171 162	#AAABA2
83.3%	83.3% #BDBEB7	RGB 189 190 183	#BDBEB7
100.0%	100.0% #D1D1CC	RGB 209 209 204	#D1D1CC

#5E604E #717263 #848578 #97988D #AAABA2 #BDBEB7 #D1D1CC

#5E604E - #D1D1CC

HSV Blend

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

0.0%	0.0% #5E604E	RGB 94 96 78	#5E604E
16.7%	16.7% #717260	RGB 113 114 96	#717260
33.3%	33.3% #848573	RGB 132 133 115	#848573
50.0%	50.0% #979888	RGB 151 152 136	#979888
66.7%	66.7% #AAAB9D	RGB 170 171 157	#AAAB9D
83.3%	83.3% #BDBEB4	RGB 189 190 180	#BDBEB4
100.0%	100.0% #D1D1CC	RGB 209 209 204	#D1D1CC

#5E604E #717260 #848573 #979888 #AAAB9D #BDBEB4 #D1D1CC

#5E604E - #979888 - #D1D1CC

CSS codes

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

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