#391D2B - #10080B | 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 #391D2B to #10080B

#391D2B #10080B

Calculate the color between two colors, #391D2B and #10080B. 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)

#391D2B - #10080B | 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 #391D2B as 0% and #10080B as 100%.

0.0%	0.0% #391D2B	RGB 57 29 43	#391D2B
16.7%	16.7% #321925	RGB 50 25 37	#321925
33.3%	33.3% #2B1620	RGB 43 22 32	#2B1620
50.0%	50.0% #24121B	RGB 36 18 27	#24121B
66.7%	66.7% #1D0F15	RGB 29 15 21	#1D0F15
83.3%	83.3% #160B10	RGB 22 11 16	#160B10
100.0%	100.0% #10080B	RGB 16 8 11	#10080B

#391D2B #321925 #2B1620 #24121B #1D0F15 #160B10 #10080B

#391D2B - #10080B

HSV Blend

#391D2B - #10080B | 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 #391D2B as 0% and #10080B as 100%.

0.0%	0.0% #391D2B	RGB 57 29 43	#391D2B
16.7%	16.7% #321925	RGB 50 25 37	#321925
33.3%	33.3% #2B151F	RGB 43 21 31	#2B151F
50.0%	50.0% #24121A	RGB 36 18 26	#24121A
66.7%	66.7% #1D0E15	RGB 29 14 21	#1D0E15
83.3%	83.3% #160B0F	RGB 22 11 15	#160B0F
100.0%	100.0% #10080B	RGB 16 8 11	#10080B

#391D2B #321925 #2B151F #24121A #1D0E15 #160B0F #10080B

#391D2B - #24121A - #10080B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391D2B 0%, #24121A 50%, #10080B 100%);
    background: -webkit-linear-gradient(top, #391D2B 0%, #24121A 50%, #10080B 100%);
    background: linear-gradient(to bottom, #391D2B 0%, #24121A 50%, #10080B 100%);
}
</style>