#917D5E - #6C4518 | 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 #917D5E to #6C4518

#917D5E #6C4518

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

#917D5E - #6C4518 | 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 #917D5E as 0% and #6C4518 as 100%.

0.0%	0.0% #917D5E	RGB 145 125 94	#917D5E
16.7%	16.7% #8A7352	RGB 138 115 82	#8A7352
33.3%	33.3% #846A46	RGB 132 106 70	#846A46
50.0%	50.0% #7E613B	RGB 126 97 59	#7E613B
66.7%	66.7% #78572F	RGB 120 87 47	#78572F
83.3%	83.3% #724E23	RGB 114 78 35	#724E23
100.0%	100.0% #6C4518	RGB 108 69 24	#6C4518

#917D5E #8A7352 #846A46 #7E613B #78572F #724E23 #6C4518

#917D5E - #6C4518

HSV Blend

#917D5E - #6C4518 | 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 #917D5E as 0% and #6C4518 as 100%.

0.0%	0.0% #917D5E	RGB 145 125 94	#917D5E
16.7%	16.7% #8A7350	RGB 138 115 80	#8A7350
33.3%	33.3% #846943	RGB 132 105 67	#846943
50.0%	50.0% #7E5F37	RGB 126 95 55	#7E5F37
66.7%	66.7% #78562B	RGB 120 86 43	#78562B
83.3%	83.3% #724D21	RGB 114 77 33	#724D21
100.0%	100.0% #6C4518	RGB 108 69 24	#6C4518

#917D5E #8A7350 #846943 #7E5F37 #78562B #724D21 #6C4518

#917D5E - #7E5F37 - #6C4518

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #917D5E 0%, #7E5F37 50%, #6C4518 100%);
    background: -webkit-linear-gradient(top, #917D5E 0%, #7E5F37 50%, #6C4518 100%);
    background: linear-gradient(to bottom, #917D5E 0%, #7E5F37 50%, #6C4518 100%);
}
</style>