#441B05 - #130701 | 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 #441B05 to #130701

#441B05 #130701

Calculate the color between two colors, #441B05 and #130701. 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)

#441B05 - #130701 | 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 #441B05 as 0% and #130701 as 100%.

0.0%	0.0% #441B05	RGB 68 27 5	#441B05
16.7%	16.7% #3B1704	RGB 59 23 4	#3B1704
33.3%	33.3% #331403	RGB 51 20 3	#331403
50.0%	50.0% #2B1103	RGB 43 17 3	#2B1103
66.7%	66.7% #230D02	RGB 35 13 2	#230D02
83.3%	83.3% #1B0A01	RGB 27 10 1	#1B0A01
100.0%	100.0% #130701	RGB 19 7 1	#130701

#441B05 #3B1704 #331403 #2B1103 #230D02 #1B0A01 #130701

#441B05 - #130701

HSV Blend

#441B05 - #130701 | 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 #441B05 as 0% and #130701 as 100%.

0.0%	0.0% #441B05	RGB 68 27 5	#441B05
16.7%	16.7% #3B1704	RGB 59 23 4	#3B1704
33.3%	33.3% #331403	RGB 51 20 3	#331403
50.0%	50.0% #2B1002	RGB 43 16 2	#2B1002
66.7%	66.7% #230D02	RGB 35 13 2	#230D02
83.3%	83.3% #1B0A01	RGB 27 10 1	#1B0A01
100.0%	100.0% #130701	RGB 19 7 1	#130701

#441B05 #3B1704 #331403 #2B1002 #230D02 #1B0A01 #130701

#441B05 - #2B1002 - #130701

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #441B05 0%, #2B1002 50%, #130701 100%);
    background: -webkit-linear-gradient(top, #441B05 0%, #2B1002 50%, #130701 100%);
    background: linear-gradient(to bottom, #441B05 0%, #2B1002 50%, #130701 100%);
}
</style>