#908C5E - #5D4E11 | 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 #5D4E11

#908C5E #5D4E11

Calculate the color between two colors, #908C5E and #5D4E11. 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 - #5D4E11 | 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 #5D4E11 as 100%.

0.0%	0.0% #908C5E	RGB 144 140 94	#908C5E
16.7%	16.7% #878151	RGB 135 129 81	#878151
33.3%	33.3% #7F7744	RGB 127 119 68	#7F7744
50.0%	50.0% #766D37	RGB 118 109 55	#766D37
66.7%	66.7% #6E622A	RGB 110 98 42	#6E622A
83.3%	83.3% #65581D	RGB 101 88 29	#65581D
100.0%	100.0% #5D4E11	RGB 93 78 17	#5D4E11

#908C5E #878151 #7F7744 #766D37 #6E622A #65581D #5D4E11

#908C5E - #5D4E11

HSV Blend

#908C5E - #5D4E11 | 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 #5D4E11 as 100%.

0.0%	0.0% #908C5E	RGB 144 140 94	#908C5E
16.7%	16.7% #87814D	RGB 135 129 77	#87814D
33.3%	33.3% #7F773F	RGB 127 119 63	#7F773F
50.0%	50.0% #766C31	RGB 118 108 49	#766C31
66.7%	66.7% #6E6225	RGB 110 98 37	#6E6225
83.3%	83.3% #65581A	RGB 101 88 26	#65581A
100.0%	100.0% #5D4E11	RGB 93 78 17	#5D4E11

#908C5E #87814D #7F773F #766C31 #6E6225 #65581A #5D4E11

#908C5E - #766C31 - #5D4E11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #908C5E 0%, #766C31 50%, #5D4E11 100%);
    background: -webkit-linear-gradient(top, #908C5E 0%, #766C31 50%, #5D4E11 100%);
    background: linear-gradient(to bottom, #908C5E 0%, #766C31 50%, #5D4E11 100%);
}
</style>