#390B0B - #7C3A31 | 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 #390B0B to #7C3A31

#390B0B #7C3A31

Calculate the color between two colors, #390B0B and #7C3A31. 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)

#390B0B - #7C3A31 | 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 #390B0B as 0% and #7C3A31 as 100%.

0.0%	0.0% #390B0B	RGB 57 11 11	#390B0B
16.7%	16.7% #441211	RGB 68 18 17	#441211
33.3%	33.3% #4F1A17	RGB 79 26 23	#4F1A17
50.0%	50.0% #5A221E	RGB 90 34 30	#5A221E
66.7%	66.7% #652A24	RGB 101 42 36	#652A24
83.3%	83.3% #70322A	RGB 112 50 42	#70322A
100.0%	100.0% #7C3A31	RGB 124 58 49	#7C3A31

#390B0B #441211 #4F1A17 #5A221E #652A24 #70322A #7C3A31

#390B0B - #7C3A31

HSV Blend

#390B0B - #7C3A31 | 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 #390B0B as 0% and #7C3A31 as 100%.

0.0%	0.0% #390A0A	RGB 57 10 10	#390A0A
16.7%	16.7% #44100F	RGB 68 16 15	#44100F
33.3%	33.3% #4F1714	RGB 79 23 20	#4F1714
50.0%	50.0% #5A1E1A	RGB 90 30 26	#5A1E1A
66.7%	66.7% #652621	RGB 101 38 33	#652621
83.3%	83.3% #702F28	RGB 112 47 40	#702F28
100.0%	100.0% #7C3A31	RGB 124 58 49	#7C3A31

#390A0A #44100F #4F1714 #5A1E1A #652621 #702F28 #7C3A31

#390B0B - #5A1E1A - #7C3A31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390A0A 0%, #5A1E1A 50%, #7C3A31 100%);
    background: -webkit-linear-gradient(top, #390A0A 0%, #5A1E1A 50%, #7C3A31 100%);
    background: linear-gradient(to bottom, #390A0A 0%, #5A1E1A 50%, #7C3A31 100%);
}
</style>