#392210 - #301B05 | 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 #392210 to #301B05

#392210 #301B05

Calculate the color between two colors, #392210 and #301B05. 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)

#392210 - #301B05 | 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 #392210 as 0% and #301B05 as 100%.

0.0%	0.0% #392210	RGB 57 34 16	#392210
16.7%	16.7% #37200E	RGB 55 32 14	#37200E
33.3%	33.3% #361F0C	RGB 54 31 12	#361F0C
50.0%	50.0% #341E0A	RGB 52 30 10	#341E0A
66.7%	66.7% #331D08	RGB 51 29 8	#331D08
83.3%	83.3% #311C06	RGB 49 28 6	#311C06
100.0%	100.0% #301B05	RGB 48 27 5	#301B05

#392210 #37200E #361F0C #341E0A #331D08 #311C06 #301B05

#392210 - #301B05

HSV Blend

#392210 - #301B05 | 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 #392210 as 0% and #301B05 as 100%.

0.0%	0.0% #392210	RGB 57 34 16	#392210
16.7%	16.7% #37200D	RGB 55 32 13	#37200D
33.3%	33.3% #361F0B	RGB 54 31 11	#361F0B
50.0%	50.0% #341E0A	RGB 52 30 10	#341E0A
66.7%	66.7% #331D08	RGB 51 29 8	#331D08
83.3%	83.3% #311C06	RGB 49 28 6	#311C06
100.0%	100.0% #301B05	RGB 48 27 5	#301B05

#392210 #37200D #361F0B #341E0A #331D08 #311C06 #301B05

#392210 - #341E0A - #301B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392210 0%, #341E0A 50%, #301B05 100%);
    background: -webkit-linear-gradient(top, #392210 0%, #341E0A 50%, #301B05 100%);
    background: linear-gradient(to bottom, #392210 0%, #341E0A 50%, #301B05 100%);
}
</style>