#963E00 - #3E271B | 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 #963E00 to #3E271B

#963E00 #3E271B

Calculate the color between two colors, #963E00 and #3E271B. 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)

#963E00 - #3E271B | 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 #963E00 as 0% and #3E271B as 100%.

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #873A04	RGB 135 58 4	#873A04
33.3%	33.3% #783609	RGB 120 54 9	#783609
50.0%	50.0% #6A320D	RGB 106 50 13	#6A320D
66.7%	66.7% #5B2E12	RGB 91 46 18	#5B2E12
83.3%	83.3% #4C2A16	RGB 76 42 22	#4C2A16
100.0%	100.0% #3E271B	RGB 62 39 27	#3E271B

#963E00 #873A04 #783609 #6A320D #5B2E12 #4C2A16 #3E271B

#963E00 - #3E271B

HSV Blend

#963E00 - #3E271B | 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 #963E00 as 0% and #3E271B as 100%.

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #873C09	RGB 135 60 9	#873C09
33.3%	33.3% #783911	RGB 120 57 17	#783911
50.0%	50.0% #6A3617	RGB 106 54 23	#6A3617
66.7%	66.7% #5B321A	RGB 91 50 26	#5B321A
83.3%	83.3% #4C2D1B	RGB 76 45 27	#4C2D1B
100.0%	100.0% #3E271B	RGB 62 39 27	#3E271B

#963E00 #873C09 #783911 #6A3617 #5B321A #4C2D1B #3E271B

#963E00 - #6A3617 - #3E271B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963E00 0%, #6A3617 50%, #3E271B 100%);
    background: -webkit-linear-gradient(top, #963E00 0%, #6A3617 50%, #3E271B 100%);
    background: linear-gradient(to bottom, #963E00 0%, #6A3617 50%, #3E271B 100%);
}
</style>