#82856C - #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 #82856C to #DBDCD5

#82856C #DBDCD5

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

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

0.0%	0.0% #82856C	RGB 130 133 108	#82856C
16.7%	16.7% #90937D	RGB 144 147 125	#90937D
33.3%	33.3% #9FA28F	RGB 159 162 143	#9FA28F
50.0%	50.0% #AEB0A0	RGB 174 176 160	#AEB0A0
66.7%	66.7% #BDBFB2	RGB 189 191 178	#BDBFB2
83.3%	83.3% #CCCDC3	RGB 204 205 195	#CCCDC3
100.0%	100.0% #DBDCD5	RGB 219 220 213	#DBDCD5

#82856C #90937D #9FA28F #AEB0A0 #BDBFB2 #CCCDC3 #DBDCD5

#82856C - #DBDCD5

HSV Blend

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

0.0%	0.0% #82856C	RGB 130 133 108	#82856C
16.7%	16.7% #90937B	RGB 144 147 123	#90937B
33.3%	33.3% #9FA28B	RGB 159 162 139	#9FA28B
50.0%	50.0% #ADB09D	RGB 173 176 157	#ADB09D
66.7%	66.7% #BCBFAE	RGB 188 191 174	#BCBFAE
83.3%	83.3% #CBCDC1	RGB 203 205 193	#CBCDC1
100.0%	100.0% #DBDCD5	RGB 219 220 213	#DBDCD5

#82856C #90937B #9FA28B #ADB09D #BCBFAE #CBCDC1 #DBDCD5

#82856C - #ADB09D - #DBDCD5

CSS codes

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

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