#9CAA9C - #4B8045 | 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 #9CAA9C to #4B8045

#9CAA9C #4B8045

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

#9CAA9C - #4B8045 | 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 #9CAA9C as 0% and #4B8045 as 100%.

0.0%	0.0% #9CAA9C	RGB 156 170 156	#9CAA9C
16.7%	16.7% #8EA38D	RGB 142 163 141	#8EA38D
33.3%	33.3% #819C7F	RGB 129 156 127	#819C7F
50.0%	50.0% #739570	RGB 115 149 112	#739570
66.7%	66.7% #668E62	RGB 102 142 98	#668E62
83.3%	83.3% #588753	RGB 88 135 83	#588753
100.0%	100.0% #4B8045	RGB 75 128 69	#4B8045

#9CAA9C #8EA38D #819C7F #739570 #668E62 #588753 #4B8045

#9CAA9C - #4B8045

HSV Blend

#9CAA9C - #4B8045 | 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 #9CAA9C as 0% and #4B8045 as 100%.

0.0%	0.0% #9CAA9C	RGB 156 170 156	#9CAA9C
16.7%	16.7% #8BA38B	RGB 139 163 139	#8BA38B
33.3%	33.3% #7C9C7B	RGB 124 156 123	#7C9C7B
50.0%	50.0% #6E956C	RGB 110 149 108	#6E956C
66.7%	66.7% #618E5E	RGB 97 142 94	#618E5E
83.3%	83.3% #558751	RGB 85 135 81	#558751
100.0%	100.0% #4B8045	RGB 75 128 69	#4B8045

#9CAA9C #8BA38B #7C9C7B #6E956C #618E5E #558751 #4B8045

#9CAA9C - #6E956C - #4B8045

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CAA9C 0%, #6E956C 50%, #4B8045 100%);
    background: -webkit-linear-gradient(top, #9CAA9C 0%, #6E956C 50%, #4B8045 100%);
    background: linear-gradient(to bottom, #9CAA9C 0%, #6E956C 50%, #4B8045 100%);
}
</style>