#816D5E - #DBD5D1 | 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 #816D5E to #DBD5D1

#816D5E #DBD5D1

Calculate the color between two colors, #816D5E and #DBD5D1. 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)

#816D5E - #DBD5D1 | 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 #816D5E as 0% and #DBD5D1 as 100%.

0.0%	0.0% #816D5E	RGB 129 109 94	#816D5E
16.7%	16.7% #907E71	RGB 144 126 113	#907E71
33.3%	33.3% #9F8F84	RGB 159 143 132	#9F8F84
50.0%	50.0% #AEA197	RGB 174 161 151	#AEA197
66.7%	66.7% #BDB2AA	RGB 189 178 170	#BDB2AA
83.3%	83.3% #CCC3BD	RGB 204 195 189	#CCC3BD
100.0%	100.0% #DBD5D1	RGB 219 213 209	#DBD5D1

#816D5E #907E71 #9F8F84 #AEA197 #BDB2AA #CCC3BD #DBD5D1

#816D5E - #DBD5D1

HSV Blend

#816D5E - #DBD5D1 | 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 #816D5E as 0% and #DBD5D1 as 100%.

0.0%	0.0% #816D5E	RGB 129 109 94	#816D5E
16.7%	16.7% #907C6E	RGB 144 124 110	#907C6E
33.3%	33.3% #9F8C7F	RGB 159 140 127	#9F8C7F
50.0%	50.0% #AE9D92	RGB 174 157 146	#AE9D92
66.7%	66.7% #BDAFA6	RGB 189 175 166	#BDAFA6
83.3%	83.3% #CCC1BB	RGB 204 193 187	#CCC1BB
100.0%	100.0% #DBD5D1	RGB 219 213 209	#DBD5D1

#816D5E #907C6E #9F8C7F #AE9D92 #BDAFA6 #CCC1BB #DBD5D1

#816D5E - #AE9D92 - #DBD5D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #816D5E 0%, #AE9D92 50%, #DBD5D1 100%);
    background: -webkit-linear-gradient(top, #816D5E 0%, #AE9D92 50%, #DBD5D1 100%);
    background: linear-gradient(to bottom, #816D5E 0%, #AE9D92 50%, #DBD5D1 100%);
}
</style>