#533232 - #471404 | 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 #533232 to #471404

#533232 #471404

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

#533232 - #471404 | 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 #533232 as 0% and #471404 as 100%.

0.0%	0.0% #533232	RGB 83 50 50	#533232
16.7%	16.7% #512D2A	RGB 81 45 42	#512D2A
33.3%	33.3% #4F2822	RGB 79 40 34	#4F2822
50.0%	50.0% #4D231B	RGB 77 35 27	#4D231B
66.7%	66.7% #4B1E13	RGB 75 30 19	#4B1E13
83.3%	83.3% #49190B	RGB 73 25 11	#49190B
100.0%	100.0% #471404	RGB 71 20 4	#471404

#533232 #512D2A #4F2822 #4D231B #4B1E13 #49190B #471404

#533232 - #471404

HSV Blend

#533232 - #471404 | 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 #533232 as 0% and #471404 as 100%.

0.0%	0.0% #533232	RGB 83 50 50	#533232
16.7%	16.7% #512A29	RGB 81 42 41	#512A29
33.3%	33.3% #4F2421	RGB 79 36 33	#4F2421
50.0%	50.0% #4D1F19	RGB 77 31 25	#4D1F19
66.7%	66.7% #4B1A11	RGB 75 26 17	#4B1A11
83.3%	83.3% #49170A	RGB 73 23 10	#49170A
100.0%	100.0% #471404	RGB 71 20 4	#471404

#533232 #512A29 #4F2421 #4D1F19 #4B1A11 #49170A #471404

#533232 - #4D1F19 - #471404

CSS codes

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

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