#391313 - #320904 | 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 #391313 to #320904

#391313 #320904

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

#391313 - #320904 | 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 #391313 as 0% and #320904 as 100%.

0.0%	0.0% #391313	RGB 57 19 19	#391313
16.7%	16.7% #371110	RGB 55 17 16	#371110
33.3%	33.3% #360F0E	RGB 54 15 14	#360F0E
50.0%	50.0% #350E0B	RGB 53 14 11	#350E0B
66.7%	66.7% #340C09	RGB 52 12 9	#340C09
83.3%	83.3% #330A06	RGB 51 10 6	#330A06
100.0%	100.0% #320904	RGB 50 9 4	#320904

#391313 #371110 #360F0E #350E0B #340C09 #330A06 #320904

#391313 - #320904

HSV Blend

#391313 - #320904 | 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 #391313 as 0% and #320904 as 100%.

0.0%	0.0% #391313	RGB 57 19 19	#391313
16.7%	16.7% #371010	RGB 55 16 16	#371010
33.3%	33.3% #360F0D	RGB 54 15 13	#360F0D
50.0%	50.0% #350D0B	RGB 53 13 11	#350D0B
66.7%	66.7% #340B08	RGB 52 11 8	#340B08
83.3%	83.3% #330A06	RGB 51 10 6	#330A06
100.0%	100.0% #320904	RGB 50 9 4	#320904

#391313 #371010 #360F0D #350D0B #340B08 #330A06 #320904

#391313 - #350D0B - #320904

CSS codes

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

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