#9F9B5E - #4F4D24 | 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 #9F9B5E to #4F4D24

#9F9B5E #4F4D24

Calculate the color between two colors, #9F9B5E and #4F4D24. 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)

#9F9B5E - #4F4D24 | 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 #9F9B5E as 0% and #4F4D24 as 100%.

0.0%	0.0% #9F9B5E	RGB 159 155 94	#9F9B5E
16.7%	16.7% #918E54	RGB 145 142 84	#918E54
33.3%	33.3% #84814A	RGB 132 129 74	#84814A
50.0%	50.0% #777441	RGB 119 116 65	#777441
66.7%	66.7% #696737	RGB 105 103 55	#696737
83.3%	83.3% #5C5A2D	RGB 92 90 45	#5C5A2D
100.0%	100.0% #4F4D24	RGB 79 77 36	#4F4D24

#9F9B5E #918E54 #84814A #777441 #696737 #5C5A2D #4F4D24

#9F9B5E - #4F4D24

HSV Blend

#9F9B5E - #4F4D24 | 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 #9F9B5E as 0% and #4F4D24 as 100%.

0.0%	0.0% #9F9B5E	RGB 159 155 94	#9F9B5E
16.7%	16.7% #918D52	RGB 145 141 82	#918D52
33.3%	33.3% #848048	RGB 132 128 72	#848048
50.0%	50.0% #77733E	RGB 119 115 62	#77733E
66.7%	66.7% #696634	RGB 105 102 52	#696634
83.3%	83.3% #5C592C	RGB 92 89 44	#5C592C
100.0%	100.0% #4F4D24	RGB 79 77 36	#4F4D24

#9F9B5E #918D52 #848048 #77733E #696634 #5C592C #4F4D24

#9F9B5E - #77733E - #4F4D24

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9B5E 0%, #77733E 50%, #4F4D24 100%);
    background: -webkit-linear-gradient(top, #9F9B5E 0%, #77733E 50%, #4F4D24 100%);
    background: linear-gradient(to bottom, #9F9B5E 0%, #77733E 50%, #4F4D24 100%);
}
</style>