#AA000A - #FA2D00 | 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 #AA000A to #FA2D00

#AA000A #FA2D00

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

#AA000A - #FA2D00 | 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 #AA000A as 0% and #FA2D00 as 100%.

0.0%	0.0% #AA000A	RGB 170 0 10	#AA000A
16.7%	16.7% #B70708	RGB 183 7 8	#B70708
33.3%	33.3% #C40F06	RGB 196 15 6	#C40F06
50.0%	50.0% #D21605	RGB 210 22 5	#D21605
66.7%	66.7% #DF1E03	RGB 223 30 3	#DF1E03
83.3%	83.3% #EC2501	RGB 236 37 1	#EC2501
100.0%	100.0% #FA2D00	RGB 250 45 0	#FA2D00

#AA000A #B70708 #C40F06 #D21605 #DF1E03 #EC2501 #FA2D00

#AA000A - #FA2D00

HSV Blend

#AA000A - #FA2D00 | 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 #AA000A as 0% and #FA2D00 as 100%.

0.0%	0.0% #AA000A	RGB 170 0 10	#AA000A
16.7%	16.7% #B70003	RGB 183 0 3	#B70003
33.3%	33.3% #C40400	RGB 196 4 0	#C40400
50.0%	50.0% #D20C00	RGB 210 12 0	#D20C00
66.7%	66.7% #DF1600	RGB 223 22 0	#DF1600
83.3%	83.3% #EC2100	RGB 236 33 0	#EC2100
100.0%	100.0% #FA2D00	RGB 250 45 0	#FA2D00

#AA000A #B70003 #C40400 #D20C00 #DF1600 #EC2100 #FA2D00

#AA000A - #D20C00 - #FA2D00

CSS codes

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

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