#391700 - #8C412A | 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 #391700 to #8C412A

#391700 #8C412A

Calculate the color between two colors, #391700 and #8C412A. 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)

#391700 - #8C412A | 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 #391700 as 0% and #8C412A as 100%.

0.0%	0.0% #391700	RGB 57 23 0	#391700
16.7%	16.7% #461E07	RGB 70 30 7	#461E07
33.3%	33.3% #54250E	RGB 84 37 14	#54250E
50.0%	50.0% #622C15	RGB 98 44 21	#622C15
66.7%	66.7% #70331C	RGB 112 51 28	#70331C
83.3%	83.3% #7E3A23	RGB 126 58 35	#7E3A23
100.0%	100.0% #8C412A	RGB 140 65 42	#8C412A

#391700 #461E07 #54250E #622C15 #70331C #7E3A23 #8C412A

#391700 - #8C412A

HSV Blend

#391700 - #8C412A | 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 #391700 as 0% and #8C412A as 100%.

0.0%	0.0% #391700	RGB 57 23 0	#391700
16.7%	16.7% #461C03	RGB 70 28 3	#461C03
33.3%	33.3% #542208	RGB 84 34 8	#542208
50.0%	50.0% #62290E	RGB 98 41 14	#62290E
66.7%	66.7% #703016	RGB 112 48 22	#703016
83.3%	83.3% #7E381F	RGB 126 56 31	#7E381F
100.0%	100.0% #8C412A	RGB 140 65 42	#8C412A

#391700 #461C03 #542208 #62290E #703016 #7E381F #8C412A

#391700 - #62290E - #8C412A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391700 0%, #62290E 50%, #8C412A 100%);
    background: -webkit-linear-gradient(top, #391700 0%, #62290E 50%, #8C412A 100%);
    background: linear-gradient(to bottom, #391700 0%, #62290E 50%, #8C412A 100%);
}
</style>