#FF5E3F - #481A12 | 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 #FF5E3F to #481A12

#FF5E3F #481A12

Calculate the color between two colors, #FF5E3F and #481A12. 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)

#FF5E3F - #481A12 | 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 #FF5E3F as 0% and #481A12 as 100%.

0.0%	0.0% #FF5E3F	RGB 255 94 63	#FF5E3F
16.7%	16.7% #E05237	RGB 224 82 55	#E05237
33.3%	33.3% #C24730	RGB 194 71 48	#C24730
50.0%	50.0% #A33C28	RGB 163 60 40	#A33C28
66.7%	66.7% #843021	RGB 132 48 33	#843021
83.3%	83.3% #662519	RGB 102 37 25	#662519
100.0%	100.0% #481A12	RGB 72 26 18	#481A12

#FF5E3F #E05237 #C24730 #A33C28 #843021 #662519 #481A12

#FF5E3F - #481A12

HSV Blend

#FF5E3F - #481A12 | 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 #FF5E3F as 0% and #481A12 as 100%.

0.0%	0.0% #FF5E3F	RGB 255 94 63	#FF5E3F
16.7%	16.7% #E05237	RGB 224 82 55	#E05237
33.3%	33.3% #C24730	RGB 194 71 48	#C24730
50.0%	50.0% #A33B28	RGB 163 59 40	#A33B28
66.7%	66.7% #843021	RGB 132 48 33	#843021
83.3%	83.3% #662519	RGB 102 37 25	#662519
100.0%	100.0% #481A12	RGB 72 26 18	#481A12

#FF5E3F #E05237 #C24730 #A33B28 #843021 #662519 #481A12

#FF5E3F - #A33B28 - #481A12

CSS codes

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

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