#A80100 - #241410 | 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 #A80100 to #241410

#A80100 #241410

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

#A80100 - #241410 | 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 #A80100 as 0% and #241410 as 100%.

0.0%	0.0% #A80100	RGB 168 1 0	#A80100
16.7%	16.7% #920402	RGB 146 4 2	#920402
33.3%	33.3% #7C0705	RGB 124 7 5	#7C0705
50.0%	50.0% #660A08	RGB 102 10 8	#660A08
66.7%	66.7% #500D0A	RGB 80 13 10	#500D0A
83.3%	83.3% #3A100D	RGB 58 16 13	#3A100D
100.0%	100.0% #241410	RGB 36 20 16	#241410

#A80100 #920402 #7C0705 #660A08 #500D0A #3A100D #241410

#A80100 - #241410

HSV Blend

#A80100 - #241410 | 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 #A80100 as 0% and #241410 as 100%.

0.0%	0.0% #A80100	RGB 168 1 0	#A80100
16.7%	16.7% #920F0A	RGB 146 15 10	#920F0A
33.3%	33.3% #7C1912	RGB 124 25 18	#7C1912
50.0%	50.0% #661E16	RGB 102 30 22	#661E16
66.7%	66.7% #501F17	RGB 80 31 23	#501F17
83.3%	83.3% #3A1B15	RGB 58 27 21	#3A1B15
100.0%	100.0% #241410	RGB 36 20 16	#241410

#A80100 #920F0A #7C1912 #661E16 #501F17 #3A1B15 #241410

#A80100 - #661E16 - #241410

CSS codes

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

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