#988C92 - #6C3C43 | 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 #988C92 to #6C3C43

#988C92 #6C3C43

Calculate the color between two colors, #988C92 and #6C3C43. 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)

#988C92 - #6C3C43 | 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 #988C92 as 0% and #6C3C43 as 100%.

0.0%	0.0% #988C92	RGB 152 140 146	#988C92
16.7%	16.7% #907E84	RGB 144 126 132	#907E84
33.3%	33.3% #897177	RGB 137 113 119	#897177
50.0%	50.0% #82646A	RGB 130 100 106	#82646A
66.7%	66.7% #7A565D	RGB 122 86 93	#7A565D
83.3%	83.3% #734950	RGB 115 73 80	#734950
100.0%	100.0% #6C3C43	RGB 108 60 67	#6C3C43

#988C92 #907E84 #897177 #82646A #7A565D #734950 #6C3C43

#988C92 - #6C3C43

HSV Blend

#988C92 - #6C3C43 | 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 #988C92 as 0% and #6C3C43 as 100%.

0.0%	0.0% #988C92	RGB 152 140 146	#988C92
16.7%	16.7% #907C85	RGB 144 124 133	#907C85
33.3%	33.3% #896D78	RGB 137 109 120	#896D78
50.0%	50.0% #825F6A	RGB 130 95 106	#825F6A
66.7%	66.7% #7A535D	RGB 122 83 93	#7A535D
83.3%	83.3% #734750	RGB 115 71 80	#734750
100.0%	100.0% #6C3C43	RGB 108 60 67	#6C3C43

#988C92 #907C85 #896D78 #825F6A #7A535D #734750 #6C3C43

#988C92 - #825F6A - #6C3C43

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #988C92 0%, #825F6A 50%, #6C3C43 100%);
    background: -webkit-linear-gradient(top, #988C92 0%, #825F6A 50%, #6C3C43 100%);
    background: linear-gradient(to bottom, #988C92 0%, #825F6A 50%, #6C3C43 100%);
}
</style>