#9A8B7C - #6B5D2D | 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 #9A8B7C to #6B5D2D

#9A8B7C #6B5D2D

Calculate the color between two colors, #9A8B7C and #6B5D2D. 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)

#9A8B7C - #6B5D2D | 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 #9A8B7C as 0% and #6B5D2D as 100%.

0.0%	0.0% #9A8B7C	RGB 154 139 124	#9A8B7C
16.7%	16.7% #92836E	RGB 146 131 110	#92836E
33.3%	33.3% #8A7B61	RGB 138 123 97	#8A7B61
50.0%	50.0% #827454	RGB 130 116 84	#827454
66.7%	66.7% #7A6C47	RGB 122 108 71	#7A6C47
83.3%	83.3% #72643A	RGB 114 100 58	#72643A
100.0%	100.0% #6B5D2D	RGB 107 93 45	#6B5D2D

#9A8B7C #92836E #8A7B61 #827454 #7A6C47 #72643A #6B5D2D

#9A8B7C - #6B5D2D

HSV Blend

#9A8B7C - #6B5D2D | 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 #9A8B7C as 0% and #6B5D2D as 100%.

0.0%	0.0% #9A8B7C	RGB 154 139 124	#9A8B7C
16.7%	16.7% #92806C	RGB 146 128 108	#92806C
33.3%	33.3% #8A785D	RGB 138 120 93	#8A785D
50.0%	50.0% #82704F	RGB 130 112 79	#82704F
66.7%	66.7% #7A6943	RGB 122 105 67	#7A6943
83.3%	83.3% #726237	RGB 114 98 55	#726237
100.0%	100.0% #6B5D2D	RGB 107 93 45	#6B5D2D

#9A8B7C #92806C #8A785D #82704F #7A6943 #726237 #6B5D2D

#9A8B7C - #82704F - #6B5D2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8B7C 0%, #82704F 50%, #6B5D2D 100%);
    background: -webkit-linear-gradient(top, #9A8B7C 0%, #82704F 50%, #6B5D2D 100%);
    background: linear-gradient(to bottom, #9A8B7C 0%, #82704F 50%, #6B5D2D 100%);
}
</style>