#917D5A - #DFD9CF | 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 #917D5A to #DFD9CF

#917D5A #DFD9CF

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

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

0.0%	0.0% #917D5A	RGB 145 125 90	#917D5A
16.7%	16.7% #9E8C6D	RGB 158 140 109	#9E8C6D
33.3%	33.3% #AB9B81	RGB 171 155 129	#AB9B81
50.0%	50.0% #B8AB94	RGB 184 171 148	#B8AB94
66.7%	66.7% #C5BAA8	RGB 197 186 168	#C5BAA8
83.3%	83.3% #D2C9BB	RGB 210 201 187	#D2C9BB
100.0%	100.0% #DFD9CF	RGB 223 217 207	#DFD9CF

#917D5A #9E8C6D #AB9B81 #B8AB94 #C5BAA8 #D2C9BB #DFD9CF

#917D5A - #DFD9CF

HSV Blend

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

0.0%	0.0% #917D5A	RGB 145 125 90	#917D5A
16.7%	16.7% #9E8B6A	RGB 158 139 106	#9E8B6A
33.3%	33.3% #AB997B	RGB 171 153 123	#AB997B
50.0%	50.0% #B8A88E	RGB 184 168 142	#B8A88E
66.7%	66.7% #C5B8A2	RGB 197 184 162	#C5B8A2
83.3%	83.3% #D2C8B8	RGB 210 200 184	#D2C8B8
100.0%	100.0% #DFD9CF	RGB 223 217 207	#DFD9CF

#917D5A #9E8B6A #AB997B #B8A88E #C5B8A2 #D2C8B8 #DFD9CF

#917D5A - #B8A88E - #DFD9CF

CSS codes

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

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