#84866E - #DBDCD5 | 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 #84866E to #DBDCD5

#84866E #DBDCD5

Calculate the color between two colors, #84866E and #DBDCD5. 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)

#84866E - #DBDCD5 | 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 #84866E as 0% and #DBDCD5 as 100%.

0.0%	0.0% #84866E	RGB 132 134 110	#84866E
16.7%	16.7% #92947F	RGB 146 148 127	#92947F
33.3%	33.3% #A1A290	RGB 161 162 144	#A1A290
50.0%	50.0% #AFB1A1	RGB 175 177 161	#AFB1A1
66.7%	66.7% #BEBFB2	RGB 190 191 178	#BEBFB2
83.3%	83.3% #CCCDC3	RGB 204 205 195	#CCCDC3
100.0%	100.0% #DBDCD5	RGB 219 220 213	#DBDCD5

#84866E #92947F #A1A290 #AFB1A1 #BEBFB2 #CCCDC3 #DBDCD5

#84866E - #DBDCD5

HSV Blend

#84866E - #DBDCD5 | 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 #84866E as 0% and #DBDCD5 as 100%.

0.0%	0.0% #84866E	RGB 132 134 110	#84866E
16.7%	16.7% #92947D	RGB 146 148 125	#92947D
33.3%	33.3% #A0A28D	RGB 160 162 141	#A0A28D
50.0%	50.0% #AEB19E	RGB 174 177 158	#AEB19E
66.7%	66.7% #BDBFAF	RGB 189 191 175	#BDBFAF
83.3%	83.3% #CCCDC2	RGB 204 205 194	#CCCDC2
100.0%	100.0% #DBDCD5	RGB 219 220 213	#DBDCD5

#84866E #92947D #A0A28D #AEB19E #BDBFAF #CCCDC2 #DBDCD5

#84866E - #AEB19E - #DBDCD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84866E 0%, #AEB19E 50%, #DBDCD5 100%);
    background: -webkit-linear-gradient(top, #84866E 0%, #AEB19E 50%, #DBDCD5 100%);
    background: linear-gradient(to bottom, #84866E 0%, #AEB19E 50%, #DBDCD5 100%);
}
</style>