#86906F - #DCDFD5 | 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 #86906F to #DCDFD5

#86906F #DCDFD5

Calculate the color between two colors, #86906F and #DCDFD5. 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)

#86906F - #DCDFD5 | 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 #86906F as 0% and #DCDFD5 as 100%.

0.0%	0.0% #86906F	RGB 134 144 111	#86906F
16.7%	16.7% #949D80	RGB 148 157 128	#949D80
33.3%	33.3% #A2AA91	RGB 162 170 145	#A2AA91
50.0%	50.0% #B1B7A2	RGB 177 183 162	#B1B7A2
66.7%	66.7% #BFC4B3	RGB 191 196 179	#BFC4B3
83.3%	83.3% #CDD1C4	RGB 205 209 196	#CDD1C4
100.0%	100.0% #DCDFD5	RGB 220 223 213	#DCDFD5

#86906F #949D80 #A2AA91 #B1B7A2 #BFC4B3 #CDD1C4 #DCDFD5

#86906F - #DCDFD5

HSV Blend

#86906F - #DCDFD5 | 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 #86906F as 0% and #DCDFD5 as 100%.

0.0%	0.0% #86906F	RGB 134 144 111	#86906F
16.7%	16.7% #939D7D	RGB 147 157 125	#939D7D
33.3%	33.3% #A1AA8D	RGB 161 170 141	#A1AA8D
50.0%	50.0% #AFB79E	RGB 175 183 158	#AFB79E
66.7%	66.7% #BEC4AF	RGB 190 196 175	#BEC4AF
83.3%	83.3% #CDD1C1	RGB 205 209 193	#CDD1C1
100.0%	100.0% #DCDFD5	RGB 220 223 213	#DCDFD5

#86906F #939D7D #A1AA8D #AFB79E #BEC4AF #CDD1C1 #DCDFD5

#86906F - #AFB79E - #DCDFD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86906F 0%, #AFB79E 50%, #DCDFD5 100%);
    background: -webkit-linear-gradient(top, #86906F 0%, #AFB79E 50%, #DCDFD5 100%);
    background: linear-gradient(to bottom, #86906F 0%, #AFB79E 50%, #DCDFD5 100%);
}
</style>