#391F1F - #3A0C02 | 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 #391F1F to #3A0C02

#391F1F #3A0C02

Calculate the color between two colors, #391F1F and #3A0C02. 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)

#391F1F - #3A0C02 | 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 #391F1F as 0% and #3A0C02 as 100%.

0.0%	0.0% #391F1F	RGB 57 31 31	#391F1F
16.7%	16.7% #391B1A	RGB 57 27 26	#391B1A
33.3%	33.3% #391815	RGB 57 24 21	#391815
50.0%	50.0% #391510	RGB 57 21 16	#391510
66.7%	66.7% #39120B	RGB 57 18 11	#39120B
83.3%	83.3% #390F06	RGB 57 15 6	#390F06
100.0%	100.0% #3A0C02	RGB 58 12 2	#3A0C02

#391F1F #391B1A #391815 #391510 #39120B #390F06 #3A0C02

#391F1F - #3A0C02

HSV Blend

#391F1F - #3A0C02 | 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 #391F1F as 0% and #3A0C02 as 100%.

0.0%	0.0% #391F1F	RGB 57 31 31	#391F1F
16.7%	16.7% #391B1A	RGB 57 27 26	#391B1A
33.3%	33.3% #391715	RGB 57 23 21	#391715
50.0%	50.0% #391410	RGB 57 20 16	#391410
66.7%	66.7% #39110B	RGB 57 17 11	#39110B
83.3%	83.3% #390E06	RGB 57 14 6	#390E06
100.0%	100.0% #3A0C02	RGB 58 12 2	#3A0C02

#391F1F #391B1A #391715 #391410 #39110B #390E06 #3A0C02

#391F1F - #391410 - #3A0C02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391F1F 0%, #391410 50%, #3A0C02 100%);
    background: -webkit-linear-gradient(top, #391F1F 0%, #391410 50%, #3A0C02 100%);
    background: linear-gradient(to bottom, #391F1F 0%, #391410 50%, #3A0C02 100%);
}
</style>