#392810 - #816E38 | 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 #392810 to #816E38

#392810 #816E38

Calculate the color between two colors, #392810 and #816E38. 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)

#392810 - #816E38 | 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 #392810 as 0% and #816E38 as 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #453316	RGB 69 51 22	#453316
33.3%	33.3% #513F1D	RGB 81 63 29	#513F1D
50.0%	50.0% #5D4B24	RGB 93 75 36	#5D4B24
66.7%	66.7% #69562A	RGB 105 86 42	#69562A
83.3%	83.3% #756231	RGB 117 98 49	#756231
100.0%	100.0% #816E38	RGB 129 110 56	#816E38

#392810 #453316 #513F1D #5D4B24 #69562A #756231 #816E38

#392810 - #816E38

HSV Blend

#392810 - #816E38 | 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 #392810 as 0% and #816E38 as 100%.

0.0%	0.0% #392810	RGB 57 40 16	#392810
16.7%	16.7% #453215	RGB 69 50 21	#453215
33.3%	33.3% #513D1A	RGB 81 61 26	#513D1A
50.0%	50.0% #5D4821	RGB 93 72 33	#5D4821
66.7%	66.7% #695428	RGB 105 84 40	#695428
83.3%	83.3% #75612F	RGB 117 97 47	#75612F
100.0%	100.0% #816E38	RGB 129 110 56	#816E38

#392810 #453215 #513D1A #5D4821 #695428 #75612F #816E38

#392810 - #5D4821 - #816E38

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392810 0%, #5D4821 50%, #816E38 100%);
    background: -webkit-linear-gradient(top, #392810 0%, #5D4821 50%, #816E38 100%);
    background: linear-gradient(to bottom, #392810 0%, #5D4821 50%, #816E38 100%);
}
</style>