#391010 - #300805 | 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 #391010 to #300805

#391010 #300805

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

#391010 - #300805 | 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 #391010 as 0% and #300805 as 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #370E0E	RGB 55 14 14	#370E0E
33.3%	33.3% #360D0C	RGB 54 13 12	#360D0C
50.0%	50.0% #340C0A	RGB 52 12 10	#340C0A
66.7%	66.7% #330A08	RGB 51 10 8	#330A08
83.3%	83.3% #310906	RGB 49 9 6	#310906
100.0%	100.0% #300805	RGB 48 8 5	#300805

#391010 #370E0E #360D0C #340C0A #330A08 #310906 #300805

#391010 - #300805

HSV Blend

#391010 - #300805 | 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 #391010 as 0% and #300805 as 100%.

0.0%	0.0% #391010	RGB 57 16 16	#391010
16.7%	16.7% #370E0D	RGB 55 14 13	#370E0D
33.3%	33.3% #360C0B	RGB 54 12 11	#360C0B
50.0%	50.0% #340B0A	RGB 52 11 10	#340B0A
66.7%	66.7% #330A08	RGB 51 10 8	#330A08
83.3%	83.3% #310906	RGB 49 9 6	#310906
100.0%	100.0% #300805	RGB 48 8 5	#300805

#391010 #370E0D #360C0B #340B0A #330A08 #310906 #300805

#391010 - #340B0A - #300805

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391010 0%, #340B0A 50%, #300805 100%);
    background: -webkit-linear-gradient(top, #391010 0%, #340B0A 50%, #300805 100%);
    background: linear-gradient(to bottom, #391010 0%, #340B0A 50%, #300805 100%);
}
</style>