#FF2D1E - #A9110B | 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 #FF2D1E to #A9110B

#FF2D1E #A9110B

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

#FF2D1E - #A9110B | 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 #FF2D1E as 0% and #A9110B as 100%.

0.0%	0.0% #FF2D1E	RGB 255 45 30	#FF2D1E
16.7%	16.7% #F0281A	RGB 240 40 26	#F0281A
33.3%	33.3% #E22317	RGB 226 35 23	#E22317
50.0%	50.0% #D41F14	RGB 212 31 20	#D41F14
66.7%	66.7% #C51A11	RGB 197 26 17	#C51A11
83.3%	83.3% #B7150E	RGB 183 21 14	#B7150E
100.0%	100.0% #A9110B	RGB 169 17 11	#A9110B

#FF2D1E #F0281A #E22317 #D41F14 #C51A11 #B7150E #A9110B

#FF2D1E - #A9110B

HSV Blend

#FF2D1E - #A9110B | 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 #FF2D1E as 0% and #A9110B as 100%.

0.0%	0.0% #FF2C1D	RGB 255 44 29	#FF2C1D
16.7%	16.7% #F0271A	RGB 240 39 26	#F0271A
33.3%	33.3% #E22216	RGB 226 34 22	#E22216
50.0%	50.0% #D41D13	RGB 212 29 19	#D41D13
66.7%	66.7% #C51810	RGB 197 24 16	#C51810
83.3%	83.3% #B7140D	RGB 183 20 13	#B7140D
100.0%	100.0% #A9110B	RGB 169 17 11	#A9110B

#FF2C1D #F0271A #E22216 #D41D13 #C51810 #B7140D #A9110B

#FF2D1E - #D41D13 - #A9110B

CSS codes

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

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