#888F5C - #DCDFD0 | 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 #888F5C to #DCDFD0

#888F5C #DCDFD0

Calculate the color between two colors, #888F5C and #DCDFD0. 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)

#888F5C - #DCDFD0 | 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 #888F5C as 0% and #DCDFD0 as 100%.

0.0%	0.0% #888F5C	RGB 136 143 92	#888F5C
16.7%	16.7% #969C6F	RGB 150 156 111	#969C6F
33.3%	33.3% #A4A982	RGB 164 169 130	#A4A982
50.0%	50.0% #B2B796	RGB 178 183 150	#B2B796
66.7%	66.7% #C0C4A9	RGB 192 196 169	#C0C4A9
83.3%	83.3% #CED1BC	RGB 206 209 188	#CED1BC
100.0%	100.0% #DCDFD0	RGB 220 223 208	#DCDFD0

#888F5C #969C6F #A4A982 #B2B796 #C0C4A9 #CED1BC #DCDFD0

#888F5C - #DCDFD0

HSV Blend

#888F5C - #DCDFD0 | 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 #888F5C as 0% and #DCDFD0 as 100%.

0.0%	0.0% #888F5C	RGB 136 143 92	#888F5C
16.7%	16.7% #959C6C	RGB 149 156 108	#959C6C
33.3%	33.3% #A2A97D	RGB 162 169 125	#A2A97D
50.0%	50.0% #B0B790	RGB 176 183 144	#B0B790
66.7%	66.7% #BEC4A4	RGB 190 196 164	#BEC4A4
83.3%	83.3% #CDD1B9	RGB 205 209 185	#CDD1B9
100.0%	100.0% #DCDFD0	RGB 220 223 208	#DCDFD0

#888F5C #959C6C #A2A97D #B0B790 #BEC4A4 #CDD1B9 #DCDFD0

#888F5C - #B0B790 - #DCDFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #888F5C 0%, #B0B790 50%, #DCDFD0 100%);
    background: -webkit-linear-gradient(top, #888F5C 0%, #B0B790 50%, #DCDFD0 100%);
    background: linear-gradient(to bottom, #888F5C 0%, #B0B790 50%, #DCDFD0 100%);
}
</style>