#391418 - #100506 | 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 #391418 to #100506

#391418 #100506

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

#391418 - #100506 | 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 #391418 as 0% and #100506 as 100%.

0.0%	0.0% #391418	RGB 57 20 24	#391418
16.7%	16.7% #321115	RGB 50 17 21	#321115
33.3%	33.3% #2B0F12	RGB 43 15 18	#2B0F12
50.0%	50.0% #240C0F	RGB 36 12 15	#240C0F
66.7%	66.7% #1D0A0C	RGB 29 10 12	#1D0A0C
83.3%	83.3% #160709	RGB 22 7 9	#160709
100.0%	100.0% #100506	RGB 16 5 6	#100506

#391418 #321115 #2B0F12 #240C0F #1D0A0C #160709 #100506

#391418 - #100506

HSV Blend

#391418 - #100506 | 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 #391418 as 0% and #100506 as 100%.

0.0%	0.0% #391417	RGB 57 20 23	#391417
16.7%	16.7% #321114	RGB 50 17 20	#321114
33.3%	33.3% #2B0E11	RGB 43 14 17	#2B0E11
50.0%	50.0% #240C0E	RGB 36 12 14	#240C0E
66.7%	66.7% #1D090B	RGB 29 9 11	#1D090B
83.3%	83.3% #160708	RGB 22 7 8	#160708
100.0%	100.0% #100506	RGB 16 5 6	#100506

#391417 #321114 #2B0E11 #240C0E #1D090B #160708 #100506

#391418 - #240C0E - #100506

CSS codes

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

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