#523340 - #320D0C | 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 #523340 to #320D0C

#523340 #320D0C

Calculate the color between two colors, #523340 and #320D0C. 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)

#523340 - #320D0C | 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 #523340 as 0% and #320D0C as 100%.

0.0%	0.0% #523340	RGB 82 51 64	#523340
16.7%	16.7% #4C2C37	RGB 76 44 55	#4C2C37
33.3%	33.3% #47262E	RGB 71 38 46	#47262E
50.0%	50.0% #422026	RGB 66 32 38	#422026
66.7%	66.7% #3C191D	RGB 60 25 29	#3C191D
83.3%	83.3% #371314	RGB 55 19 20	#371314
100.0%	100.0% #320D0C	RGB 50 13 12	#320D0C

#523340 #4C2C37 #47262E #422026 #3C191D #371314 #320D0C

#523340 - #320D0C

HSV Blend

#523340 - #320D0C | 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 #523340 as 0% and #320D0C as 100%.

0.0%	0.0% #523340	RGB 82 51 64	#523340
16.7%	16.7% #4C2A36	RGB 76 42 54	#4C2A36
33.3%	33.3% #47232D	RGB 71 35 45	#47232D
50.0%	50.0% #421C23	RGB 66 28 35	#421C23
66.7%	66.7% #3C161A	RGB 60 22 26	#3C161A
83.3%	83.3% #371012	RGB 55 16 18	#371012
100.0%	100.0% #320D0C	RGB 50 13 12	#320D0C

#523340 #4C2A36 #47232D #421C23 #3C161A #371012 #320D0C

#523340 - #421C23 - #320D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #523340 0%, #421C23 50%, #320D0C 100%);
    background: -webkit-linear-gradient(top, #523340 0%, #421C23 50%, #320D0C 100%);
    background: linear-gradient(to bottom, #523340 0%, #421C23 50%, #320D0C 100%);
}
</style>