#391818 - #100606 | 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 #391818 to #100606

#391818 #100606

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

#391818 - #100606 | 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 #391818 as 0% and #100606 as 100%.

0.0%	0.0% #391818	RGB 57 24 24	#391818
16.7%	16.7% #321515	RGB 50 21 21	#321515
33.3%	33.3% #2B1212	RGB 43 18 18	#2B1212
50.0%	50.0% #240F0F	RGB 36 15 15	#240F0F
66.7%	66.7% #1D0C0C	RGB 29 12 12	#1D0C0C
83.3%	83.3% #160909	RGB 22 9 9	#160909
100.0%	100.0% #100606	RGB 16 6 6	#100606

#391818 #321515 #2B1212 #240F0F #1D0C0C #160909 #100606

#391818 - #100606

HSV Blend

#391818 - #100606 | 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 #391818 as 0% and #100606 as 100%.

0.0%	0.0% #391818	RGB 57 24 24	#391818
16.7%	16.7% #321414	RGB 50 20 20	#321414
33.3%	33.3% #2B1111	RGB 43 17 17	#2B1111
50.0%	50.0% #240E0E	RGB 36 14 14	#240E0E
66.7%	66.7% #1D0B0B	RGB 29 11 11	#1D0B0B
83.3%	83.3% #160808	RGB 22 8 8	#160808
100.0%	100.0% #100606	RGB 16 6 6	#100606

#391818 #321414 #2B1111 #240E0E #1D0B0B #160808 #100606

#391818 - #240E0E - #100606

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391818 0%, #240E0E 50%, #100606 100%);
    background: -webkit-linear-gradient(top, #391818 0%, #240E0E 50%, #100606 100%);
    background: linear-gradient(to bottom, #391818 0%, #240E0E 50%, #100606 100%);
}
</style>