#800000 - #C82702 | 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 #800000 to #C82702

#800000 #C82702

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

#800000 - #C82702 | 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 #800000 as 0% and #C82702 as 100%.

0.0%	0.0% #800000	RGB 128 0 0	#800000
16.7%	16.7% #8C0600	RGB 140 6 0	#8C0600
33.3%	33.3% #980D00	RGB 152 13 0	#980D00
50.0%	50.0% #A41301	RGB 164 19 1	#A41301
66.7%	66.7% #B01A01	RGB 176 26 1	#B01A01
83.3%	83.3% #BC2001	RGB 188 32 1	#BC2001
100.0%	100.0% #C82702	RGB 200 39 2	#C82702

#800000 #8C0600 #980D00 #A41301 #B01A01 #BC2001 #C82702

#800000 - #C82702

HSV Blend

#800000 - #C82702 | 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 #800000 as 0% and #C82702 as 100%.

0.0%	0.0% #800000	RGB 128 0 0	#800000
16.7%	16.7% #8C0400	RGB 140 4 0	#8C0400
33.3%	33.3% #980900	RGB 152 9 0	#980900
50.0%	50.0% #A41000	RGB 164 16 0	#A41000
66.7%	66.7% #B01601	RGB 176 22 1	#B01601
83.3%	83.3% #BC1E01	RGB 188 30 1	#BC1E01
100.0%	100.0% #C82702	RGB 200 39 2	#C82702

#800000 #8C0400 #980900 #A41000 #B01601 #BC1E01 #C82702

#800000 - #A41000 - #C82702

CSS codes

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

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