#391414 - #330904 | 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 #391414 to #330904

#391414 #330904

Calculate the color between two colors, #391414 and #330904. 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)

#391414 - #330904 | 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 #391414 as 0% and #330904 as 100%.

0.0%	0.0% #391414	RGB 57 20 20	#391414
16.7%	16.7% #381211	RGB 56 18 17	#381211
33.3%	33.3% #37100E	RGB 55 16 14	#37100E
50.0%	50.0% #360E0C	RGB 54 14 12	#360E0C
66.7%	66.7% #350C09	RGB 53 12 9	#350C09
83.3%	83.3% #340A06	RGB 52 10 6	#340A06
100.0%	100.0% #330904	RGB 51 9 4	#330904

#391414 #381211 #37100E #360E0C #350C09 #340A06 #330904

#391414 - #330904

HSV Blend

#391414 - #330904 | 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 #391414 as 0% and #330904 as 100%.

0.0%	0.0% #391414	RGB 57 20 20	#391414
16.7%	16.7% #381111	RGB 56 17 17	#381111
33.3%	33.3% #370F0E	RGB 55 15 14	#370F0E
50.0%	50.0% #360D0B	RGB 54 13 11	#360D0B
66.7%	66.7% #350C08	RGB 53 12 8	#350C08
83.3%	83.3% #340A06	RGB 52 10 6	#340A06
100.0%	100.0% #330904	RGB 51 9 4	#330904

#391414 #381111 #370F0E #360D0B #350C08 #340A06 #330904

#391414 - #360D0B - #330904

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391414 0%, #360D0B 50%, #330904 100%);
    background: -webkit-linear-gradient(top, #391414 0%, #360D0B 50%, #330904 100%);
    background: linear-gradient(to bottom, #391414 0%, #360D0B 50%, #330904 100%);
}
</style>