#391F14 - #331704 | 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 #391F14 to #331704

#391F14 #331704

Calculate the color between two colors, #391F14 and #331704. 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)

#391F14 - #331704 | 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 #391F14 as 0% and #331704 as 100%.

0.0%	0.0% #391F14	RGB 57 31 20	#391F14
16.7%	16.7% #381D11	RGB 56 29 17	#381D11
33.3%	33.3% #371C0E	RGB 55 28 14	#371C0E
50.0%	50.0% #361B0C	RGB 54 27 12	#361B0C
66.7%	66.7% #351909	RGB 53 25 9	#351909
83.3%	83.3% #341806	RGB 52 24 6	#341806
100.0%	100.0% #331704	RGB 51 23 4	#331704

#391F14 #381D11 #371C0E #361B0C #351909 #341806 #331704

#391F14 - #331704

HSV Blend

#391F14 - #331704 | 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 #391F14 as 0% and #331704 as 100%.

0.0%	0.0% #391F14	RGB 57 31 20	#391F14
16.7%	16.7% #381D11	RGB 56 29 17	#381D11
33.3%	33.3% #371B0E	RGB 55 27 14	#371B0E
50.0%	50.0% #361A0B	RGB 54 26 11	#361A0B
66.7%	66.7% #351908	RGB 53 25 8	#351908
83.3%	83.3% #341806	RGB 52 24 6	#341806
100.0%	100.0% #331704	RGB 51 23 4	#331704

#391F14 #381D11 #371B0E #361A0B #351908 #341806 #331704

#391F14 - #361A0B - #331704

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391F14 0%, #361A0B 50%, #331704 100%);
    background: -webkit-linear-gradient(top, #391F14 0%, #361A0B 50%, #331704 100%);
    background: linear-gradient(to bottom, #391F14 0%, #361A0B 50%, #331704 100%);
}
</style>