#9A8F92 - #694243 | 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 #9A8F92 to #694243

#9A8F92 #694243

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

#9A8F92 - #694243 | 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 #9A8F92 as 0% and #694243 as 100%.

0.0%	0.0% #9A8F92	RGB 154 143 146	#9A8F92
16.7%	16.7% #918284	RGB 145 130 132	#918284
33.3%	33.3% #897577	RGB 137 117 119	#897577
50.0%	50.0% #81686A	RGB 129 104 106	#81686A
66.7%	66.7% #795B5D	RGB 121 91 93	#795B5D
83.3%	83.3% #714E50	RGB 113 78 80	#714E50
100.0%	100.0% #694243	RGB 105 66 67	#694243

#9A8F92 #918284 #897577 #81686A #795B5D #714E50 #694243

#9A8F92 - #694243

HSV Blend

#9A8F92 - #694243 | 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 #9A8F92 as 0% and #694243 as 100%.

0.0%	0.0% #9A8F92	RGB 154 143 146	#9A8F92
16.7%	16.7% #918084	RGB 145 128 132	#918084
33.3%	33.3% #897276	RGB 137 114 118	#897276
50.0%	50.0% #816469	RGB 129 100 105	#816469
66.7%	66.7% #79585B	RGB 121 88 91	#79585B
83.3%	83.3% #714C4F	RGB 113 76 79	#714C4F
100.0%	100.0% #694243	RGB 105 66 67	#694243

#9A8F92 #918084 #897276 #816469 #79585B #714C4F #694243

#9A8F92 - #816469 - #694243

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8F92 0%, #816469 50%, #694243 100%);
    background: -webkit-linear-gradient(top, #9A8F92 0%, #816469 50%, #694243 100%);
    background: linear-gradient(to bottom, #9A8F92 0%, #816469 50%, #694243 100%);
}
</style>