#917C3E - #DFD9C7 | 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 #917C3E to #DFD9C7

#917C3E #DFD9C7

Calculate the color between two colors, #917C3E and #DFD9C7. 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)

#917C3E - #DFD9C7 | 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 #917C3E as 0% and #DFD9C7 as 100%.

0.0%	0.0% #917C3E	RGB 145 124 62	#917C3E
16.7%	16.7% #9E8B54	RGB 158 139 84	#9E8B54
33.3%	33.3% #AB9B6B	RGB 171 155 107	#AB9B6B
50.0%	50.0% #B8AA82	RGB 184 170 130	#B8AA82
66.7%	66.7% #C5BA99	RGB 197 186 153	#C5BA99
83.3%	83.3% #D2C9B0	RGB 210 201 176	#D2C9B0
100.0%	100.0% #DFD9C7	RGB 223 217 199	#DFD9C7

#917C3E #9E8B54 #AB9B6B #B8AA82 #C5BA99 #D2C9B0 #DFD9C7

#917C3E - #DFD9C7

HSV Blend

#917C3E - #DFD9C7 | 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 #917C3E as 0% and #DFD9C7 as 100%.

0.0%	0.0% #917C3E	RGB 145 124 62	#917C3E
16.7%	16.7% #9E8A4F	RGB 158 138 79	#9E8A4F
33.3%	33.3% #AB9963	RGB 171 153 99	#AB9963
50.0%	50.0% #B8A879	RGB 184 168 121	#B8A879
66.7%	66.7% #C5B891	RGB 197 184 145	#C5B891
83.3%	83.3% #D2C8AB	RGB 210 200 171	#D2C8AB
100.0%	100.0% #DFD9C7	RGB 223 217 199	#DFD9C7

#917C3E #9E8A4F #AB9963 #B8A879 #C5B891 #D2C8AB #DFD9C7

#917C3E - #B8A879 - #DFD9C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #917C3E 0%, #B8A879 50%, #DFD9C7 100%);
    background: -webkit-linear-gradient(top, #917C3E 0%, #B8A879 50%, #DFD9C7 100%);
    background: linear-gradient(to bottom, #917C3E 0%, #B8A879 50%, #DFD9C7 100%);
}
</style>