#39160A - #100602 | 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 #39160A to #100602

#39160A #100602

Calculate the color between two colors, #39160A and #100602. 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)

#39160A - #100602 | 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 #39160A as 0% and #100602 as 100%.

0.0%	0.0% #39160A	RGB 57 22 10	#39160A
16.7%	16.7% #321308	RGB 50 19 8	#321308
33.3%	33.3% #2B1007	RGB 43 16 7	#2B1007
50.0%	50.0% #240E06	RGB 36 14 6	#240E06
66.7%	66.7% #1D0B04	RGB 29 11 4	#1D0B04
83.3%	83.3% #160803	RGB 22 8 3	#160803
100.0%	100.0% #100602	RGB 16 6 2	#100602

#39160A #321308 #2B1007 #240E06 #1D0B04 #160803 #100602

#39160A - #100602

HSV Blend

#39160A - #100602 | 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 #39160A as 0% and #100602 as 100%.

0.0%	0.0% #39160A	RGB 57 22 10	#39160A
16.7%	16.7% #321308	RGB 50 19 8	#321308
33.3%	33.3% #2B1006	RGB 43 16 6	#2B1006
50.0%	50.0% #240D05	RGB 36 13 5	#240D05
66.7%	66.7% #1D0B04	RGB 29 11 4	#1D0B04
83.3%	83.3% #160803	RGB 22 8 3	#160803
100.0%	100.0% #100602	RGB 16 6 2	#100602

#39160A #321308 #2B1006 #240D05 #1D0B04 #160803 #100602

#39160A - #240D05 - #100602

CSS codes

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

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