#FF331E - #FF8F1E | 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 #FF331E to #FF8F1E

#FF331E #FF8F1E

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

#FF331E - #FF8F1E | 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 #FF331E as 0% and #FF8F1E as 100%.

0.0%	0.0% #FF331E	RGB 255 51 30	#FF331E
16.7%	16.7% #FF421E	RGB 255 66 30	#FF421E
33.3%	33.3% #FF511E	RGB 255 81 30	#FF511E
50.0%	50.0% #FF611E	RGB 255 97 30	#FF611E
66.7%	66.7% #FF701E	RGB 255 112 30	#FF701E
83.3%	83.3% #FF7F1E	RGB 255 127 30	#FF7F1E
100.0%	100.0% #FF8F1E	RGB 255 143 30	#FF8F1E

#FF331E #FF421E #FF511E #FF611E #FF701E #FF7F1E #FF8F1E

#FF331E - #FF8F1E

HSV Blend

#FF331E - #FF8F1E | 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 #FF331E as 0% and #FF8F1E as 100%.

0.0%	0.0% #FF331D	RGB 255 51 29	#FF331D
16.7%	16.7% #FF421D	RGB 255 66 29	#FF421D
33.3%	33.3% #FF511D	RGB 255 81 29	#FF511D
50.0%	50.0% #FF611D	RGB 255 97 29	#FF611D
66.7%	66.7% #FF701D	RGB 255 112 29	#FF701D
83.3%	83.3% #FF7F1D	RGB 255 127 29	#FF7F1D
100.0%	100.0% #FF8F1E	RGB 255 143 30	#FF8F1E

#FF331D #FF421D #FF511D #FF611D #FF701D #FF7F1D #FF8F1E

#FF331E - #FF611D - #FF8F1E

CSS codes

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

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