#FF9C6B - #482B1E | 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 #FF9C6B to #482B1E

#FF9C6B #482B1E

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

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

0.0%	0.0% #FF9C6B	RGB 255 156 107	#FF9C6B
16.7%	16.7% #E0895E	RGB 224 137 94	#E0895E
33.3%	33.3% #C27651	RGB 194 118 81	#C27651
50.0%	50.0% #A36344	RGB 163 99 68	#A36344
66.7%	66.7% #845037	RGB 132 80 55	#845037
83.3%	83.3% #663D2A	RGB 102 61 42	#663D2A
100.0%	100.0% #482B1E	RGB 72 43 30	#482B1E

#FF9C6B #E0895E #C27651 #A36344 #845037 #663D2A #482B1E

#FF9C6B - #482B1E

HSV Blend

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

0.0%	0.0% #FF9C6B	RGB 255 156 107	#FF9C6B
16.7%	16.7% #E0885E	RGB 224 136 94	#E0885E
33.3%	33.3% #C27551	RGB 194 117 81	#C27551
50.0%	50.0% #A36244	RGB 163 98 68	#A36244
66.7%	66.7% #845037	RGB 132 80 55	#845037
83.3%	83.3% #663D2A	RGB 102 61 42	#663D2A
100.0%	100.0% #482B1E	RGB 72 43 30	#482B1E

#FF9C6B #E0885E #C27551 #A36244 #845037 #663D2A #482B1E

#FF9C6B - #A36244 - #482B1E

CSS codes

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

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