#8C5E6F - #5F1618 | 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 #8C5E6F to #5F1618

#8C5E6F #5F1618

Calculate the color between two colors, #8C5E6F and #5F1618. 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)

#8C5E6F - #5F1618 | 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 #8C5E6F as 0% and #5F1618 as 100%.

0.0%	0.0% #8C5E6F	RGB 140 94 111	#8C5E6F
16.7%	16.7% #845260	RGB 132 82 96	#845260
33.3%	33.3% #7D4652	RGB 125 70 82	#7D4652
50.0%	50.0% #753A43	RGB 117 58 67	#753A43
66.7%	66.7% #6E2E35	RGB 110 46 53	#6E2E35
83.3%	83.3% #662226	RGB 102 34 38	#662226
100.0%	100.0% #5F1618	RGB 95 22 24	#5F1618

#8C5E6F #845260 #7D4652 #753A43 #6E2E35 #662226 #5F1618

#8C5E6F - #5F1618

HSV Blend

#8C5E6F - #5F1618 | 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 #8C5E6F as 0% and #5F1618 as 100%.

0.0%	0.0% #8C5E6F	RGB 140 94 111	#8C5E6F
16.7%	16.7% #844F5F	RGB 132 79 95	#844F5F
33.3%	33.3% #7D4150	RGB 125 65 80	#7D4150
50.0%	50.0% #753541	RGB 117 53 65	#753541
66.7%	66.7% #6E2933	RGB 110 41 51	#6E2933
83.3%	83.3% #661F25	RGB 102 31 37	#661F25
100.0%	100.0% #5F1618	RGB 95 22 24	#5F1618

#8C5E6F #844F5F #7D4150 #753541 #6E2933 #661F25 #5F1618

#8C5E6F - #753541 - #5F1618

CSS codes

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

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