#FF551F - #841B05 | 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 #FF551F to #841B05

#FF551F #841B05

Calculate the color between two colors, #FF551F and #841B05. 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)

#FF551F - #841B05 | 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 #FF551F as 0% and #841B05 as 100%.

0.0%	0.0% #FF551F	RGB 255 85 31	#FF551F
16.7%	16.7% #EA4B1A	RGB 234 75 26	#EA4B1A
33.3%	33.3% #D64116	RGB 214 65 22	#D64116
50.0%	50.0% #C13812	RGB 193 56 18	#C13812
66.7%	66.7% #AD2E0D	RGB 173 46 13	#AD2E0D
83.3%	83.3% #982409	RGB 152 36 9	#982409
100.0%	100.0% #841B05	RGB 132 27 5	#841B05

#FF551F #EA4B1A #D64116 #C13812 #AD2E0D #982409 #841B05

#FF551F - #841B05

HSV Blend

#FF551F - #841B05 | 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 #FF551F as 0% and #841B05 as 100%.

0.0%	0.0% #FF541E	RGB 255 84 30	#FF541E
16.7%	16.7% #EA4919	RGB 234 73 25	#EA4919
33.3%	33.3% #D63E14	RGB 214 62 20	#D63E14
50.0%	50.0% #C1340F	RGB 193 52 15	#C1340F
66.7%	66.7% #AD2B0B	RGB 173 43 11	#AD2B0B
83.3%	83.3% #982207	RGB 152 34 7	#982207
100.0%	100.0% #841B05	RGB 132 27 5	#841B05

#FF541E #EA4919 #D63E14 #C1340F #AD2B0B #982207 #841B05

#FF551F - #C1340F - #841B05

CSS codes

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

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