#8C7B8B - #6B273B | 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 #8C7B8B to #6B273B

#8C7B8B #6B273B

Calculate the color between two colors, #8C7B8B and #6B273B. 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)

#8C7B8B - #6B273B | 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 #8C7B8B as 0% and #6B273B as 100%.

0.0%	0.0% #8C7B8B	RGB 140 123 139	#8C7B8B
16.7%	16.7% #866D7D	RGB 134 109 125	#866D7D
33.3%	33.3% #815F70	RGB 129 95 112	#815F70
50.0%	50.0% #7B5163	RGB 123 81 99	#7B5163
66.7%	66.7% #764355	RGB 118 67 85	#764355
83.3%	83.3% #703548	RGB 112 53 72	#703548
100.0%	100.0% #6B273B	RGB 107 39 59	#6B273B

#8C7B8B #866D7D #815F70 #7B5163 #764355 #703548 #6B273B

#8C7B8B - #6B273B

HSV Blend

#8C7B8B - #6B273B | 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 #8C7B8B as 0% and #6B273B as 100%.

0.0%	0.0% #8C7B8B	RGB 140 123 139	#8C7B8B
16.7%	16.7% #866A81	RGB 134 106 129	#866A81
33.3%	33.3% #815B76	RGB 129 91 118	#815B76
50.0%	50.0% #7B4C69	RGB 123 76 105	#7B4C69
66.7%	66.7% #763F5B	RGB 118 63 91	#763F5B
83.3%	83.3% #70324B	RGB 112 50 75	#70324B
100.0%	100.0% #6B273B	RGB 107 39 59	#6B273B

#8C7B8B #866A81 #815B76 #7B4C69 #763F5B #70324B #6B273B

#8C7B8B - #7B4C69 - #6B273B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7B8B 0%, #7B4C69 50%, #6B273B 100%);
    background: -webkit-linear-gradient(top, #8C7B8B 0%, #7B4C69 50%, #6B273B 100%);
    background: linear-gradient(to bottom, #8C7B8B 0%, #7B4C69 50%, #6B273B 100%);
}
</style>