#3F140C - #8D653D | 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 #3F140C to #8D653D

#3F140C #8D653D

Calculate the color between two colors, #3F140C and #8D653D. 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)

#3F140C - #8D653D | 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 #3F140C as 0% and #8D653D as 100%.

0.0%	0.0% #3F140C	RGB 63 20 12	#3F140C
16.7%	16.7% #4C2114	RGB 76 33 20	#4C2114
33.3%	33.3% #592F1C	RGB 89 47 28	#592F1C
50.0%	50.0% #663C24	RGB 102 60 36	#663C24
66.7%	66.7% #734A2C	RGB 115 74 44	#734A2C
83.3%	83.3% #805734	RGB 128 87 52	#805734
100.0%	100.0% #8D653D	RGB 141 101 61	#8D653D

#3F140C #4C2114 #592F1C #663C24 #734A2C #805734 #8D653D

#3F140C - #8D653D

HSV Blend

#3F140C - #8D653D | 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 #3F140C as 0% and #8D653D as 100%.

0.0%	0.0% #3F130C	RGB 63 19 12	#3F130C
16.7%	16.7% #4C1E11	RGB 76 30 17	#4C1E11
33.3%	33.3% #592918	RGB 89 41 24	#592918
50.0%	50.0% #66361F	RGB 102 54 31	#66361F
66.7%	66.7% #734528	RGB 115 69 40	#734528
83.3%	83.3% #805432	RGB 128 84 50	#805432
100.0%	100.0% #8D653D	RGB 141 101 61	#8D653D

#3F130C #4C1E11 #592918 #66361F #734528 #805432 #8D653D

#3F140C - #66361F - #8D653D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F130C 0%, #66361F 50%, #8D653D 100%);
    background: -webkit-linear-gradient(top, #3F130C 0%, #66361F 50%, #8D653D 100%);
    background: linear-gradient(to bottom, #3F130C 0%, #66361F 50%, #8D653D 100%);
}
</style>