#8C848B - #6B303C | 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 #8C848B to #6B303C

#8C848B #6B303C

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

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

0.0%	0.0% #8C848B	RGB 140 132 139	#8C848B
16.7%	16.7% #86767D	RGB 134 118 125	#86767D
33.3%	33.3% #816870	RGB 129 104 112	#816870
50.0%	50.0% #7B5A63	RGB 123 90 99	#7B5A63
66.7%	66.7% #764C56	RGB 118 76 86	#764C56
83.3%	83.3% #703E49	RGB 112 62 73	#703E49
100.0%	100.0% #6B303C	RGB 107 48 60	#6B303C

#8C848B #86767D #816870 #7B5A63 #764C56 #703E49 #6B303C

#8C848B - #6B303C

HSV Blend

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

0.0%	0.0% #8C848B	RGB 140 132 139	#8C848B
16.7%	16.7% #867382	RGB 134 115 130	#867382
33.3%	33.3% #816477	RGB 129 100 119	#816477
50.0%	50.0% #7B556A	RGB 123 85 106	#7B556A
66.7%	66.7% #76485B	RGB 118 72 91	#76485B
83.3%	83.3% #703B4C	RGB 112 59 76	#703B4C
100.0%	100.0% #6B303C	RGB 107 48 60	#6B303C

#8C848B #867382 #816477 #7B556A #76485B #703B4C #6B303C

#8C848B - #7B556A - #6B303C

CSS codes

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

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