#FF2B08 - #A2160A | 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 #FF2B08 to #A2160A

#FF2B08 #A2160A

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

#FF2B08 - #A2160A | 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 #FF2B08 as 0% and #A2160A as 100%.

0.0%	0.0% #FF2B08	RGB 255 43 8	#FF2B08
16.7%	16.7% #EF2708	RGB 239 39 8	#EF2708
33.3%	33.3% #E02408	RGB 224 36 8	#E02408
50.0%	50.0% #D02009	RGB 208 32 9	#D02009
66.7%	66.7% #C11D09	RGB 193 29 9	#C11D09
83.3%	83.3% #B11909	RGB 177 25 9	#B11909
100.0%	100.0% #A2160A	RGB 162 22 10	#A2160A

#FF2B08 #EF2708 #E02408 #D02009 #C11D09 #B11909 #A2160A

#FF2B08 - #A2160A

HSV Blend

#FF2B08 - #A2160A | 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 #FF2B08 as 0% and #A2160A as 100%.

0.0%	0.0% #FF2B07	RGB 255 43 7	#FF2B07
16.7%	16.7% #EF2708	RGB 239 39 8	#EF2708
33.3%	33.3% #E02309	RGB 224 35 9	#E02309
50.0%	50.0% #D01F09	RGB 208 31 9	#D01F09
66.7%	66.7% #C11C09	RGB 193 28 9	#C11C09
83.3%	83.3% #B1190A	RGB 177 25 10	#B1190A
100.0%	100.0% #A2160A	RGB 162 22 10	#A2160A

#FF2B07 #EF2708 #E02309 #D01F09 #C11C09 #B1190A #A2160A

#FF2B08 - #D01F09 - #A2160A

CSS codes

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

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