#911A00 - #41130D | 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 #41130D

#911A00 #41130D

Calculate the color between two colors, #911A00 and #41130D. 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 - #41130D | 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 #41130D as 100%.

0.0%	0.0% #911A00	RGB 145 26 0	#911A00
16.7%	16.7% #831802	RGB 131 24 2	#831802
33.3%	33.3% #761704	RGB 118 23 4	#761704
50.0%	50.0% #691606	RGB 105 22 6	#691606
66.7%	66.7% #5B1508	RGB 91 21 8	#5B1508
83.3%	83.3% #4E140A	RGB 78 20 10	#4E140A
100.0%	100.0% #41130D	RGB 65 19 13	#41130D

#911A00 #831802 #761704 #691606 #5B1508 #4E140A #41130D

#911A00 - #41130D

HSV Blend

#911A00 - #41130D | 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 #41130D as 100%.

0.0%	0.0% #911A00	RGB 145 26 0	#911A00
16.7%	16.7% #831904	RGB 131 25 4	#831904
33.3%	33.3% #761907	RGB 118 25 7	#761907
50.0%	50.0% #69180A	RGB 105 24 10	#69180A
66.7%	66.7% #5B170C	RGB 91 23 12	#5B170C
83.3%	83.3% #4E150D	RGB 78 21 13	#4E150D
100.0%	100.0% #41130D	RGB 65 19 13	#41130D

#911A00 #831904 #761907 #69180A #5B170C #4E150D #41130D

#911A00 - #69180A - #41130D

CSS codes

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

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