#9F7B3C - #71430D | 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 #9F7B3C to #71430D

#9F7B3C #71430D

Calculate the color between two colors, #9F7B3C and #71430D. 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)

#9F7B3C - #71430D | 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 #9F7B3C as 0% and #71430D as 100%.

0.0%	0.0% #9F7B3C	RGB 159 123 60	#9F7B3C
16.7%	16.7% #977134	RGB 151 113 52	#977134
33.3%	33.3% #8F682C	RGB 143 104 44	#8F682C
50.0%	50.0% #885F24	RGB 136 95 36	#885F24
66.7%	66.7% #80551C	RGB 128 85 28	#80551C
83.3%	83.3% #784C14	RGB 120 76 20	#784C14
100.0%	100.0% #71430D	RGB 113 67 13	#71430D

#9F7B3C #977134 #8F682C #885F24 #80551C #784C14 #71430D

#9F7B3C - #71430D

HSV Blend

#9F7B3C - #71430D | 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 #9F7B3C as 0% and #71430D as 100%.

0.0%	0.0% #9F7B3C	RGB 159 123 60	#9F7B3C
16.7%	16.7% #977132	RGB 151 113 50	#977132
33.3%	33.3% #8F6729	RGB 143 103 41	#8F6729
50.0%	50.0% #885D21	RGB 136 93 33	#885D21
66.7%	66.7% #805419	RGB 128 84 25	#805419
83.3%	83.3% #784B13	RGB 120 75 19	#784B13
100.0%	100.0% #71430D	RGB 113 67 13	#71430D

#9F7B3C #977132 #8F6729 #885D21 #805419 #784B13 #71430D

#9F7B3C - #885D21 - #71430D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F7B3C 0%, #885D21 50%, #71430D 100%);
    background: -webkit-linear-gradient(top, #9F7B3C 0%, #885D21 50%, #71430D 100%);
    background: linear-gradient(to bottom, #9F7B3C 0%, #885D21 50%, #71430D 100%);
}
</style>