#392E19 - #996D3E | 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 #392E19 to #996D3E

#392E19 #996D3E

Calculate the color between two colors, #392E19 and #996D3E. 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)

#392E19 - #996D3E | 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 #392E19 as 0% and #996D3E as 100%.

0.0%	0.0% #392E19	RGB 57 46 25	#392E19
16.7%	16.7% #49381F	RGB 73 56 31	#49381F
33.3%	33.3% #594325	RGB 89 67 37	#594325
50.0%	50.0% #694D2B	RGB 105 77 43	#694D2B
66.7%	66.7% #795831	RGB 121 88 49	#795831
83.3%	83.3% #896237	RGB 137 98 55	#896237
100.0%	100.0% #996D3E	RGB 153 109 62	#996D3E

#392E19 #49381F #594325 #694D2B #795831 #896237 #996D3E

#392E19 - #996D3E

HSV Blend

#392E19 - #996D3E | 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 #392E19 as 0% and #996D3E as 100%.

0.0%	0.0% #392E19	RGB 57 46 25	#392E19
16.7%	16.7% #49391F	RGB 73 57 31	#49391F
33.3%	33.3% #594526	RGB 89 69 38	#594526
50.0%	50.0% #694F2C	RGB 105 79 44	#694F2C
66.7%	66.7% #795A32	RGB 121 90 50	#795A32
83.3%	83.3% #896338	RGB 137 99 56	#896338
100.0%	100.0% #996D3E	RGB 153 109 62	#996D3E

#392E19 #49391F #594526 #694F2C #795A32 #896338 #996D3E

#392E19 - #694F2C - #996D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392E19 0%, #694F2C 50%, #996D3E 100%);
    background: -webkit-linear-gradient(top, #392E19 0%, #694F2C 50%, #996D3E 100%);
    background: linear-gradient(to bottom, #392E19 0%, #694F2C 50%, #996D3E 100%);
}
</style>