#FF7A00 - #A2450B | 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 #FF7A00 to #A2450B

#FF7A00 #A2450B

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

#FF7A00 - #A2450B | 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 #FF7A00 as 0% and #A2450B as 100%.

0.0%	0.0% #FF7A00	RGB 255 122 0	#FF7A00
16.7%	16.7% #EF7101	RGB 239 113 1	#EF7101
33.3%	33.3% #E06803	RGB 224 104 3	#E06803
50.0%	50.0% #D05F05	RGB 208 95 5	#D05F05
66.7%	66.7% #C15607	RGB 193 86 7	#C15607
83.3%	83.3% #B14D09	RGB 177 77 9	#B14D09
100.0%	100.0% #A2450B	RGB 162 69 11	#A2450B

#FF7A00 #EF7101 #E06803 #D05F05 #C15607 #B14D09 #A2450B

#FF7A00 - #A2450B

HSV Blend

#FF7A00 - #A2450B | 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 #FF7A00 as 0% and #A2450B as 100%.

0.0%	0.0% #FF7A00	RGB 255 122 0	#FF7A00
16.7%	16.7% #EF7002	RGB 239 112 2	#EF7002
33.3%	33.3% #E06605	RGB 224 102 5	#E06605
50.0%	50.0% #D05D07	RGB 208 93 7	#D05D07
66.7%	66.7% #C15508	RGB 193 85 8	#C15508
83.3%	83.3% #B14C0A	RGB 177 76 10	#B14C0A
100.0%	100.0% #A2450B	RGB 162 69 11	#A2450B

#FF7A00 #EF7002 #E06605 #D05D07 #C15508 #B14C0A #A2450B

#FF7A00 - #D05D07 - #A2450B

CSS codes

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

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