#9A8F91 - #674342 | 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 #9A8F91 to #674342

#9A8F91 #674342

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

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

0.0%	0.0% #9A8F91	RGB 154 143 145	#9A8F91
16.7%	16.7% #918283	RGB 145 130 131	#918283
33.3%	33.3% #897576	RGB 137 117 118	#897576
50.0%	50.0% #806969	RGB 128 105 105	#806969
66.7%	66.7% #785C5C	RGB 120 92 92	#785C5C
83.3%	83.3% #6F4F4F	RGB 111 79 79	#6F4F4F
100.0%	100.0% #674342	RGB 103 67 66	#674342

#9A8F91 #918283 #897576 #806969 #785C5C #6F4F4F #674342

#9A8F91 - #674342

HSV Blend

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

0.0%	0.0% #9A8F91	RGB 154 143 145	#9A8F91
16.7%	16.7% #918082	RGB 145 128 130	#918082
33.3%	33.3% #897274	RGB 137 114 116	#897274
50.0%	50.0% #806466	RGB 128 100 102	#806466
66.7%	66.7% #785859	RGB 120 88 89	#785859
83.3%	83.3% #6F4C4D	RGB 111 76 77	#6F4C4D
100.0%	100.0% #674342	RGB 103 67 66	#674342

#9A8F91 #918082 #897274 #806466 #785859 #6F4C4D #674342

#9A8F91 - #806466 - #674342

CSS codes

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

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