#9A8A8F - #693D40 | 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 #9A8A8F to #693D40

#9A8A8F #693D40

Calculate the color between two colors, #9A8A8F and #693D40. 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)

#9A8A8F - #693D40 | 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 #9A8A8F as 0% and #693D40 as 100%.

0.0%	0.0% #9A8A8F	RGB 154 138 143	#9A8A8F
16.7%	16.7% #917D81	RGB 145 125 129	#917D81
33.3%	33.3% #897074	RGB 137 112 116	#897074
50.0%	50.0% #816367	RGB 129 99 103	#816367
66.7%	66.7% #79565A	RGB 121 86 90	#79565A
83.3%	83.3% #71494D	RGB 113 73 77	#71494D
100.0%	100.0% #693D40	RGB 105 61 64	#693D40

#9A8A8F #917D81 #897074 #816367 #79565A #71494D #693D40

#9A8A8F - #693D40

HSV Blend

#9A8A8F - #693D40 | 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 #9A8A8F as 0% and #693D40 as 100%.

0.0%	0.0% #9A8A8F	RGB 154 138 143	#9A8A8F
16.7%	16.7% #917B81	RGB 145 123 129	#917B81
33.3%	33.3% #896C73	RGB 137 108 115	#896C73
50.0%	50.0% #815F66	RGB 129 95 102	#815F66
66.7%	66.7% #795358	RGB 121 83 88	#795358
83.3%	83.3% #71474C	RGB 113 71 76	#71474C
100.0%	100.0% #693D40	RGB 105 61 64	#693D40

#9A8A8F #917B81 #896C73 #815F66 #795358 #71474C #693D40

#9A8A8F - #815F66 - #693D40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8A8F 0%, #815F66 50%, #693D40 100%);
    background: -webkit-linear-gradient(top, #9A8A8F 0%, #815F66 50%, #693D40 100%);
    background: linear-gradient(to bottom, #9A8A8F 0%, #815F66 50%, #693D40 100%);
}
</style>