#926B3E - #DFD4C7 | 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 #926B3E to #DFD4C7

#926B3E #DFD4C7

Calculate the color between two colors, #926B3E and #DFD4C7. 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)

#926B3E - #DFD4C7 | 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 #926B3E as 0% and #DFD4C7 as 100%.

0.0%	0.0% #926B3E	RGB 146 107 62	#926B3E
16.7%	16.7% #9E7C54	RGB 158 124 84	#9E7C54
33.3%	33.3% #AB8E6B	RGB 171 142 107	#AB8E6B
50.0%	50.0% #B89F82	RGB 184 159 130	#B89F82
66.7%	66.7% #C5B199	RGB 197 177 153	#C5B199
83.3%	83.3% #D2C2B0	RGB 210 194 176	#D2C2B0
100.0%	100.0% #DFD4C7	RGB 223 212 199	#DFD4C7

#926B3E #9E7C54 #AB8E6B #B89F82 #C5B199 #D2C2B0 #DFD4C7

#926B3E - #DFD4C7

HSV Blend

#926B3E - #DFD4C7 | 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 #926B3E as 0% and #DFD4C7 as 100%.

0.0%	0.0% #926B3E	RGB 146 107 62	#926B3E
16.7%	16.7% #9E7A4F	RGB 158 122 79	#9E7A4F
33.3%	33.3% #AB8A63	RGB 171 138 99	#AB8A63
50.0%	50.0% #B89B79	RGB 184 155 121	#B89B79
66.7%	66.7% #C5AD91	RGB 197 173 145	#C5AD91
83.3%	83.3% #D2C0AB	RGB 210 192 171	#D2C0AB
100.0%	100.0% #DFD4C7	RGB 223 212 199	#DFD4C7

#926B3E #9E7A4F #AB8A63 #B89B79 #C5AD91 #D2C0AB #DFD4C7

#926B3E - #B89B79 - #DFD4C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #926B3E 0%, #B89B79 50%, #DFD4C7 100%);
    background: -webkit-linear-gradient(top, #926B3E 0%, #B89B79 50%, #DFD4C7 100%);
    background: linear-gradient(to bottom, #926B3E 0%, #B89B79 50%, #DFD4C7 100%);
}
</style>