#FF9A33 - #482B0E | 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 #FF9A33 to #482B0E

#FF9A33 #482B0E

Calculate the color between two colors, #FF9A33 and #482B0E. 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)

#FF9A33 - #482B0E | 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 #FF9A33 as 0% and #482B0E as 100%.

0.0%	0.0% #FF9A33	RGB 255 154 51	#FF9A33
16.7%	16.7% #E0872C	RGB 224 135 44	#E0872C
33.3%	33.3% #C27526	RGB 194 117 38	#C27526
50.0%	50.0% #A36220	RGB 163 98 32	#A36220
66.7%	66.7% #84501A	RGB 132 80 26	#84501A
83.3%	83.3% #663D14	RGB 102 61 20	#663D14
100.0%	100.0% #482B0E	RGB 72 43 14	#482B0E

#FF9A33 #E0872C #C27526 #A36220 #84501A #663D14 #482B0E

#FF9A33 - #482B0E

HSV Blend

#FF9A33 - #482B0E | 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 #FF9A33 as 0% and #482B0E as 100%.

0.0%	0.0% #FF9A33	RGB 255 154 51	#FF9A33
16.7%	16.7% #E0872C	RGB 224 135 44	#E0872C
33.3%	33.3% #C27426	RGB 194 116 38	#C27426
50.0%	50.0% #A36220	RGB 163 98 32	#A36220
66.7%	66.7% #844F1A	RGB 132 79 26	#844F1A
83.3%	83.3% #663D14	RGB 102 61 20	#663D14
100.0%	100.0% #482B0E	RGB 72 43 14	#482B0E

#FF9A33 #E0872C #C27426 #A36220 #844F1A #663D14 #482B0E

#FF9A33 - #A36220 - #482B0E

CSS codes

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

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