#908C5E - #6C5E18 | 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 #908C5E to #6C5E18

#908C5E #6C5E18

Calculate the color between two colors, #908C5E and #6C5E18. 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)

#908C5E - #6C5E18 | 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 #908C5E as 0% and #6C5E18 as 100%.

0.0%	0.0% #908C5E	RGB 144 140 94	#908C5E
16.7%	16.7% #8A8452	RGB 138 132 82	#8A8452
33.3%	33.3% #847C46	RGB 132 124 70	#847C46
50.0%	50.0% #7E753B	RGB 126 117 59	#7E753B
66.7%	66.7% #786D2F	RGB 120 109 47	#786D2F
83.3%	83.3% #726523	RGB 114 101 35	#726523
100.0%	100.0% #6C5E18	RGB 108 94 24	#6C5E18

#908C5E #8A8452 #847C46 #7E753B #786D2F #726523 #6C5E18

#908C5E - #6C5E18

HSV Blend

#908C5E - #6C5E18 | 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 #908C5E as 0% and #6C5E18 as 100%.

0.0%	0.0% #908C5E	RGB 144 140 94	#908C5E
16.7%	16.7% #8A8450	RGB 138 132 80	#8A8450
33.3%	33.3% #847C43	RGB 132 124 67	#847C43
50.0%	50.0% #7E7537	RGB 126 117 55	#7E7537
66.7%	66.7% #786D2B	RGB 120 109 43	#786D2B
83.3%	83.3% #726521	RGB 114 101 33	#726521
100.0%	100.0% #6C5E18	RGB 108 94 24	#6C5E18

#908C5E #8A8450 #847C43 #7E7537 #786D2B #726521 #6C5E18

#908C5E - #7E7537 - #6C5E18

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #908C5E 0%, #7E7537 50%, #6C5E18 100%);
    background: -webkit-linear-gradient(top, #908C5E 0%, #7E7537 50%, #6C5E18 100%);
    background: linear-gradient(to bottom, #908C5E 0%, #7E7537 50%, #6C5E18 100%);
}
</style>