#FF5E4B - #481A15 | 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 #FF5E4B to #481A15

#FF5E4B #481A15

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

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

0.0%	0.0% #FF5E4B	RGB 255 94 75	#FF5E4B
16.7%	16.7% #E05242	RGB 224 82 66	#E05242
33.3%	33.3% #C24739	RGB 194 71 57	#C24739
50.0%	50.0% #A33C30	RGB 163 60 48	#A33C30
66.7%	66.7% #843027	RGB 132 48 39	#843027
83.3%	83.3% #66251E	RGB 102 37 30	#66251E
100.0%	100.0% #481A15	RGB 72 26 21	#481A15

#FF5E4B #E05242 #C24739 #A33C30 #843027 #66251E #481A15

#FF5E4B - #481A15

HSV Blend

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

0.0%	0.0% #FF5E4B	RGB 255 94 75	#FF5E4B
16.7%	16.7% #E05241	RGB 224 82 65	#E05241
33.3%	33.3% #C24738	RGB 194 71 56	#C24738
50.0%	50.0% #A33B2F	RGB 163 59 47	#A33B2F
66.7%	66.7% #843026	RGB 132 48 38	#843026
83.3%	83.3% #66251D	RGB 102 37 29	#66251D
100.0%	100.0% #481A15	RGB 72 26 21	#481A15

#FF5E4B #E05241 #C24738 #A33B2F #843026 #66251D #481A15

#FF5E4B - #A33B2F - #481A15

CSS codes

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

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