#49333F - #330B0B | 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 #49333F to #330B0B

#49333F #330B0B

Calculate the color between two colors, #49333F and #330B0B. 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)

#49333F - #330B0B | 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 #49333F as 0% and #330B0B as 100%.

0.0%	0.0% #49333F	RGB 73 51 63	#49333F
16.7%	16.7% #452C36	RGB 69 44 54	#452C36
33.3%	33.3% #41252D	RGB 65 37 45	#41252D
50.0%	50.0% #3E1F25	RGB 62 31 37	#3E1F25
66.7%	66.7% #3A181C	RGB 58 24 28	#3A181C
83.3%	83.3% #361113	RGB 54 17 19	#361113
100.0%	100.0% #330B0B	RGB 51 11 11	#330B0B

#49333F #452C36 #41252D #3E1F25 #3A181C #361113 #330B0B

#49333F - #330B0B

HSV Blend

#49333F - #330B0B | 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 #49333F as 0% and #330B0B as 100%.

0.0%	0.0% #49333F	RGB 73 51 63	#49333F
16.7%	16.7% #452A36	RGB 69 42 54	#452A36
33.3%	33.3% #41232E	RGB 65 35 46	#41232E
50.0%	50.0% #3E1C25	RGB 62 28 37	#3E1C25
66.7%	66.7% #3A151C	RGB 58 21 28	#3A151C
83.3%	83.3% #361013	RGB 54 16 19	#361013
100.0%	100.0% #330B0B	RGB 51 11 11	#330B0B

#49333F #452A36 #41232E #3E1C25 #3A151C #361013 #330B0B

#49333F - #3E1C25 - #330B0B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49333F 0%, #3E1C25 50%, #330B0B 100%);
    background: -webkit-linear-gradient(top, #49333F 0%, #3E1C25 50%, #330B0B 100%);
    background: linear-gradient(to bottom, #49333F 0%, #3E1C25 50%, #330B0B 100%);
}
</style>