#82735D - #DBD6D0 | 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 #82735D to #DBD6D0

#82735D #DBD6D0

Calculate the color between two colors, #82735D and #DBD6D0. 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)

#82735D - #DBD6D0 | 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 #82735D as 0% and #DBD6D0 as 100%.

0.0%	0.0% #82735D	RGB 130 115 93	#82735D
16.7%	16.7% #908370	RGB 144 131 112	#908370
33.3%	33.3% #9F9483	RGB 159 148 131	#9F9483
50.0%	50.0% #AEA496	RGB 174 164 150	#AEA496
66.7%	66.7% #BDB5A9	RGB 189 181 169	#BDB5A9
83.3%	83.3% #CCC5BC	RGB 204 197 188	#CCC5BC
100.0%	100.0% #DBD6D0	RGB 219 214 208	#DBD6D0

#82735D #908370 #9F9483 #AEA496 #BDB5A9 #CCC5BC #DBD6D0

#82735D - #DBD6D0

HSV Blend

#82735D - #DBD6D0 | 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 #82735D as 0% and #DBD6D0 as 100%.

0.0%	0.0% #82735D	RGB 130 115 93	#82735D
16.7%	16.7% #90826D	RGB 144 130 109	#90826D
33.3%	33.3% #9F917E	RGB 159 145 126	#9F917E
50.0%	50.0% #AEA191	RGB 174 161 145	#AEA191
66.7%	66.7% #BDB2A5	RGB 189 178 165	#BDB2A5
83.3%	83.3% #CCC4B9	RGB 204 196 185	#CCC4B9
100.0%	100.0% #DBD6D0	RGB 219 214 208	#DBD6D0

#82735D #90826D #9F917E #AEA191 #BDB2A5 #CCC4B9 #DBD6D0

#82735D - #AEA191 - #DBD6D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82735D 0%, #AEA191 50%, #DBD6D0 100%);
    background: -webkit-linear-gradient(top, #82735D 0%, #AEA191 50%, #DBD6D0 100%);
    background: linear-gradient(to bottom, #82735D 0%, #AEA191 50%, #DBD6D0 100%);
}
</style>