#FF5D3E - #481A11 | 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 #FF5D3E to #481A11

#FF5D3E #481A11

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

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

0.0%	0.0% #FF5D3E	RGB 255 93 62	#FF5D3E
16.7%	16.7% #E05136	RGB 224 81 54	#E05136
33.3%	33.3% #C2462F	RGB 194 70 47	#C2462F
50.0%	50.0% #A33B27	RGB 163 59 39	#A33B27
66.7%	66.7% #843020	RGB 132 48 32	#843020
83.3%	83.3% #662518	RGB 102 37 24	#662518
100.0%	100.0% #481A11	RGB 72 26 17	#481A11

#FF5D3E #E05136 #C2462F #A33B27 #843020 #662518 #481A11

#FF5D3E - #481A11

HSV Blend

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

0.0%	0.0% #FF5C3D	RGB 255 92 61	#FF5C3D
16.7%	16.7% #E05136	RGB 224 81 54	#E05136
33.3%	33.3% #C2462E	RGB 194 70 46	#C2462E
50.0%	50.0% #A33B27	RGB 163 59 39	#A33B27
66.7%	66.7% #84301F	RGB 132 48 31	#84301F
83.3%	83.3% #662518	RGB 102 37 24	#662518
100.0%	100.0% #481A11	RGB 72 26 17	#481A11

#FF5C3D #E05136 #C2462E #A33B27 #84301F #662518 #481A11

#FF5D3E - #A33B27 - #481A11

CSS codes

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

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