#85905C - #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 #85905C to #DCDFD0

#85905C #DCDFD0

Calculate the color between two colors, #85905C 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)

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

0.0%	0.0% #85905C	RGB 133 144 92	#85905C
16.7%	16.7% #939D6F	RGB 147 157 111	#939D6F
33.3%	33.3% #A2AA82	RGB 162 170 130	#A2AA82
50.0%	50.0% #B0B796	RGB 176 183 150	#B0B796
66.7%	66.7% #BFC4A9	RGB 191 196 169	#BFC4A9
83.3%	83.3% #CDD1BC	RGB 205 209 188	#CDD1BC
100.0%	100.0% #DCDFD0	RGB 220 223 208	#DCDFD0

#85905C #939D6F #A2AA82 #B0B796 #BFC4A9 #CDD1BC #DCDFD0

#85905C - #DCDFD0

HSV Blend

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

0.0%	0.0% #85905C	RGB 133 144 92	#85905C
16.7%	16.7% #929D6C	RGB 146 157 108	#929D6C
33.3%	33.3% #A1AA7D	RGB 161 170 125	#A1AA7D
50.0%	50.0% #AFB790	RGB 175 183 144	#AFB790
66.7%	66.7% #BEC4A4	RGB 190 196 164	#BEC4A4
83.3%	83.3% #CCD1B9	RGB 204 209 185	#CCD1B9
100.0%	100.0% #DCDFD0	RGB 220 223 208	#DCDFD0

#85905C #929D6C #A1AA7D #AFB790 #BEC4A4 #CCD1B9 #DCDFD0

#85905C - #AFB790 - #DCDFD0

CSS codes

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

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