#988C8C - #824536 | 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 #988C8C to #824536

#988C8C #824536

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

#988C8C - #824536 | 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 #988C8C as 0% and #824536 as 100%.

0.0%	0.0% #988C8C	RGB 152 140 140	#988C8C
16.7%	16.7% #94807D	RGB 148 128 125	#94807D
33.3%	33.3% #90746F	RGB 144 116 111	#90746F
50.0%	50.0% #8D6861	RGB 141 104 97	#8D6861
66.7%	66.7% #895C52	RGB 137 92 82	#895C52
83.3%	83.3% #855044	RGB 133 80 68	#855044
100.0%	100.0% #824536	RGB 130 69 54	#824536

#988C8C #94807D #90746F #8D6861 #895C52 #855044 #824536

#988C8C - #824536

HSV Blend

#988C8C - #824536 | 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 #988C8C as 0% and #824536 as 100%.

0.0%	0.0% #988C8C	RGB 152 140 140	#988C8C
16.7%	16.7% #947C7C	RGB 148 124 124	#947C7C
33.3%	33.3% #906F6C	RGB 144 111 108	#906F6C
50.0%	50.0% #8D625E	RGB 141 98 94	#8D625E
66.7%	66.7% #895750	RGB 137 87 80	#895750
83.3%	83.3% #854D42	RGB 133 77 66	#854D42
100.0%	100.0% #824536	RGB 130 69 54	#824536

#988C8C #947C7C #906F6C #8D625E #895750 #854D42 #824536

#988C8C - #8D625E - #824536

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #988C8C 0%, #8D625E 50%, #824536 100%);
    background: -webkit-linear-gradient(top, #988C8C 0%, #8D625E 50%, #824536 100%);
    background: linear-gradient(to bottom, #988C8C 0%, #8D625E 50%, #824536 100%);
}
</style>