#3E2316 - #965E3C | 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 #3E2316 to #965E3C

#3E2316 #965E3C

Calculate the color between two colors, #3E2316 and #965E3C. 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)

#3E2316 - #965E3C | 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 #3E2316 as 0% and #965E3C as 100%.

0.0%	0.0% #3E2316	RGB 62 35 22	#3E2316
16.7%	16.7% #4C2C1C	RGB 76 44 28	#4C2C1C
33.3%	33.3% #5B3622	RGB 91 54 34	#5B3622
50.0%	50.0% #6A4029	RGB 106 64 41	#6A4029
66.7%	66.7% #784A2F	RGB 120 74 47	#784A2F
83.3%	83.3% #875435	RGB 135 84 53	#875435
100.0%	100.0% #965E3C	RGB 150 94 60	#965E3C

#3E2316 #4C2C1C #5B3622 #6A4029 #784A2F #875435 #965E3C

#3E2316 - #965E3C

HSV Blend

#3E2316 - #965E3C | 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 #3E2316 as 0% and #965E3C as 100%.

0.0%	0.0% #3E2315	RGB 62 35 21	#3E2315
16.7%	16.7% #4C2C1B	RGB 76 44 27	#4C2C1B
33.3%	33.3% #5B3521	RGB 91 53 33	#5B3521
50.0%	50.0% #6A3F28	RGB 106 63 40	#6A3F28
66.7%	66.7% #78492E	RGB 120 73 46	#78492E
83.3%	83.3% #875335	RGB 135 83 53	#875335
100.0%	100.0% #965E3C	RGB 150 94 60	#965E3C

#3E2315 #4C2C1B #5B3521 #6A3F28 #78492E #875335 #965E3C

#3E2316 - #6A3F28 - #965E3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2315 0%, #6A3F28 50%, #965E3C 100%);
    background: -webkit-linear-gradient(top, #3E2315 0%, #6A3F28 50%, #965E3C 100%);
    background: linear-gradient(to bottom, #3E2315 0%, #6A3F28 50%, #965E3C 100%);
}
</style>