#885E5E - #DDD1D1 | 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 #885E5E to #DDD1D1

#885E5E #DDD1D1

Calculate the color between two colors, #885E5E and #DDD1D1. 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)

#885E5E - #DDD1D1 | 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 #885E5E as 0% and #DDD1D1 as 100%.

0.0%	0.0% #885E5E	RGB 136 94 94	#885E5E
16.7%	16.7% #967171	RGB 150 113 113	#967171
33.3%	33.3% #A48484	RGB 164 132 132	#A48484
50.0%	50.0% #B29797	RGB 178 151 151	#B29797
66.7%	66.7% #C0AAAA	RGB 192 170 170	#C0AAAA
83.3%	83.3% #CEBDBD	RGB 206 189 189	#CEBDBD
100.0%	100.0% #DDD1D1	RGB 221 209 209	#DDD1D1

#885E5E #967171 #A48484 #B29797 #C0AAAA #CEBDBD #DDD1D1

#885E5E - #DDD1D1

HSV Blend

#885E5E - #DDD1D1 | 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 #885E5E as 0% and #DDD1D1 as 100%.

0.0%	0.0% #885E5E	RGB 136 94 94	#885E5E
16.7%	16.7% #966E6E	RGB 150 110 110	#966E6E
33.3%	33.3% #A47F7F	RGB 164 127 127	#A47F7F
50.0%	50.0% #B29292	RGB 178 146 146	#B29292
66.7%	66.7% #C0A5A5	RGB 192 165 165	#C0A5A5
83.3%	83.3% #CEBABA	RGB 206 186 186	#CEBABA
100.0%	100.0% #DDD1D1	RGB 221 209 209	#DDD1D1

#885E5E #966E6E #A47F7F #B29292 #C0A5A5 #CEBABA #DDD1D1

#885E5E - #B29292 - #DDD1D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #885E5E 0%, #B29292 50%, #DDD1D1 100%);
    background: -webkit-linear-gradient(top, #885E5E 0%, #B29292 50%, #DDD1D1 100%);
    background: linear-gradient(to bottom, #885E5E 0%, #B29292 50%, #DDD1D1 100%);
}
</style>