#3A251D - #8F6D4A | 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 #3A251D to #8F6D4A

#3A251D #8F6D4A

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

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

0.0%	0.0% #3A251D	RGB 58 37 29	#3A251D
16.7%	16.7% #483124	RGB 72 49 36	#483124
33.3%	33.3% #563D2C	RGB 86 61 44	#563D2C
50.0%	50.0% #644933	RGB 100 73 51	#644933
66.7%	66.7% #72553B	RGB 114 85 59	#72553B
83.3%	83.3% #806142	RGB 128 97 66	#806142
100.0%	100.0% #8F6D4A	RGB 143 109 74	#8F6D4A

#3A251D #483124 #563D2C #644933 #72553B #806142 #8F6D4A

#3A251D - #8F6D4A

HSV Blend

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

0.0%	0.0% #3A251D	RGB 58 37 29	#3A251D
16.7%	16.7% #482F24	RGB 72 47 36	#482F24
33.3%	33.3% #563A2B	RGB 86 58 43	#563A2B
50.0%	50.0% #644633	RGB 100 70 51	#644633
66.7%	66.7% #72523A	RGB 114 82 58	#72523A
83.3%	83.3% #805F42	RGB 128 95 66	#805F42
100.0%	100.0% #8F6D4A	RGB 143 109 74	#8F6D4A

#3A251D #482F24 #563A2B #644633 #72523A #805F42 #8F6D4A

#3A251D - #644633 - #8F6D4A

CSS codes

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

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