#911A00 - #DD4C01 | 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 #911A00 to #DD4C01

#911A00 #DD4C01

Calculate the color between two colors, #911A00 and #DD4C01. 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)

#911A00 - #DD4C01 | 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 #911A00 as 0% and #DD4C01 as 100%.

0.0%	0.0% #911A00	RGB 145 26 0	#911A00
16.7%	16.7% #9D2200	RGB 157 34 0	#9D2200
33.3%	33.3% #AA2A00	RGB 170 42 0	#AA2A00
50.0%	50.0% #B73300	RGB 183 51 0	#B73300
66.7%	66.7% #C33B00	RGB 195 59 0	#C33B00
83.3%	83.3% #D04300	RGB 208 67 0	#D04300
100.0%	100.0% #DD4C01	RGB 221 76 1	#DD4C01

#911A00 #9D2200 #AA2A00 #B73300 #C33B00 #D04300 #DD4C01

#911A00 - #DD4C01

HSV Blend

#911A00 - #DD4C01 | 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 #911A00 as 0% and #DD4C01 as 100%.

0.0%	0.0% #911A00	RGB 145 26 0	#911A00
16.7%	16.7% #9D2000	RGB 157 32 0	#9D2000
33.3%	33.3% #AA2700	RGB 170 39 0	#AA2700
50.0%	50.0% #B72F00	RGB 183 47 0	#B72F00
66.7%	66.7% #C33800	RGB 195 56 0	#C33800
83.3%	83.3% #D04100	RGB 208 65 0	#D04100
100.0%	100.0% #DD4C01	RGB 221 76 1	#DD4C01

#911A00 #9D2000 #AA2700 #B72F00 #C33800 #D04100 #DD4C01

#911A00 - #B72F00 - #DD4C01

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #911A00 0%, #B72F00 50%, #DD4C01 100%);
    background: -webkit-linear-gradient(top, #911A00 0%, #B72F00 50%, #DD4C01 100%);
    background: linear-gradient(to bottom, #911A00 0%, #B72F00 50%, #DD4C01 100%);
}
</style>