#311C2F - #8C5763 | 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 #311C2F to #8C5763

#311C2F #8C5763

Calculate the color between two colors, #311C2F and #8C5763. 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)

#311C2F - #8C5763 | 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 #311C2F as 0% and #8C5763 as 100%.

0.0%	0.0% #311C2F	RGB 49 28 47	#311C2F
16.7%	16.7% #402537	RGB 64 37 55	#402537
33.3%	33.3% #4F2F40	RGB 79 47 64	#4F2F40
50.0%	50.0% #5E3949	RGB 94 57 73	#5E3949
66.7%	66.7% #6D4351	RGB 109 67 81	#6D4351
83.3%	83.3% #7C4D5A	RGB 124 77 90	#7C4D5A
100.0%	100.0% #8C5763	RGB 140 87 99	#8C5763

#311C2F #402537 #4F2F40 #5E3949 #6D4351 #7C4D5A #8C5763

#311C2F - #8C5763

HSV Blend

#311C2F - #8C5763 | 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 #311C2F as 0% and #8C5763 as 100%.

0.0%	0.0% #311C2F	RGB 49 28 47	#311C2F
16.7%	16.7% #40253A	RGB 64 37 58	#40253A
33.3%	33.3% #4F2E44	RGB 79 46 68	#4F2E44
50.0%	50.0% #5E384D	RGB 94 56 77	#5E384D
66.7%	66.7% #6D4255	RGB 109 66 85	#6D4255
83.3%	83.3% #7C4C5C	RGB 124 76 92	#7C4C5C
100.0%	100.0% #8C5763	RGB 140 87 99	#8C5763

#311C2F #40253A #4F2E44 #5E384D #6D4255 #7C4C5C #8C5763

#311C2F - #5E384D - #8C5763

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #311C2F 0%, #5E384D 50%, #8C5763 100%);
    background: -webkit-linear-gradient(top, #311C2F 0%, #5E384D 50%, #8C5763 100%);
    background: linear-gradient(to bottom, #311C2F 0%, #5E384D 50%, #8C5763 100%);
}
</style>