#9F925C - #2D291A | 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 #9F925C to #2D291A

#9F925C #2D291A

Calculate the color between two colors, #9F925C and #2D291A. 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)

#9F925C - #2D291A | 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 #9F925C as 0% and #2D291A as 100%.

0.0%	0.0% #9F925C	RGB 159 146 92	#9F925C
16.7%	16.7% #8C8051	RGB 140 128 81	#8C8051
33.3%	33.3% #796F46	RGB 121 111 70	#796F46
50.0%	50.0% #665D3B	RGB 102 93 59	#665D3B
66.7%	66.7% #534C30	RGB 83 76 48	#534C30
83.3%	83.3% #403A25	RGB 64 58 37	#403A25
100.0%	100.0% #2D291A	RGB 45 41 26	#2D291A

#9F925C #8C8051 #796F46 #665D3B #534C30 #403A25 #2D291A

#9F925C - #2D291A

HSV Blend

#9F925C - #2D291A | 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 #9F925C as 0% and #2D291A as 100%.

0.0%	0.0% #9F925C	RGB 159 146 92	#9F925C
16.7%	16.7% #8C8050	RGB 140 128 80	#8C8050
33.3%	33.3% #796E45	RGB 121 110 69	#796E45
50.0%	50.0% #665D3A	RGB 102 93 58	#665D3A
66.7%	66.7% #534B2F	RGB 83 75 47	#534B2F
83.3%	83.3% #403A24	RGB 64 58 36	#403A24
100.0%	100.0% #2D291A	RGB 45 41 26	#2D291A

#9F925C #8C8050 #796E45 #665D3A #534B2F #403A24 #2D291A

#9F925C - #665D3A - #2D291A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F925C 0%, #665D3A 50%, #2D291A 100%);
    background: -webkit-linear-gradient(top, #9F925C 0%, #665D3A 50%, #2D291A 100%);
    background: linear-gradient(to bottom, #9F925C 0%, #665D3A 50%, #2D291A 100%);
}
</style>