#392626 - #3E0E01 | 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 #392626 to #3E0E01

#392626 #3E0E01

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

#392626 - #3E0E01 | 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 #392626 as 0% and #3E0E01 as 100%.

0.0%	0.0% #392626	RGB 57 38 38	#392626
16.7%	16.7% #39221F	RGB 57 34 31	#39221F
33.3%	33.3% #3A1E19	RGB 58 30 25	#3A1E19
50.0%	50.0% #3B1A13	RGB 59 26 19	#3B1A13
66.7%	66.7% #3C160D	RGB 60 22 13	#3C160D
83.3%	83.3% #3D1207	RGB 61 18 7	#3D1207
100.0%	100.0% #3E0E01	RGB 62 14 1	#3E0E01

#392626 #39221F #3A1E19 #3B1A13 #3C160D #3D1207 #3E0E01

#392626 - #3E0E01

HSV Blend

#392626 - #3E0E01 | 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 #392626 as 0% and #3E0E01 as 100%.

0.0%	0.0% #392626	RGB 57 38 38	#392626
16.7%	16.7% #392120	RGB 57 33 32	#392120
33.3%	33.3% #3A1C1A	RGB 58 28 26	#3A1C1A
50.0%	50.0% #3B1814	RGB 59 24 20	#3B1814
66.7%	66.7% #3C140E	RGB 60 20 14	#3C140E
83.3%	83.3% #3D1107	RGB 61 17 7	#3D1107
100.0%	100.0% #3E0E01	RGB 62 14 1	#3E0E01

#392626 #392120 #3A1C1A #3B1814 #3C140E #3D1107 #3E0E01

#392626 - #3B1814 - #3E0E01

CSS codes

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

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