#9CAA9C - #585E4D | 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 #585E4D

#9CAA9C #585E4D

Calculate the color between two colors, #9CAA9C and #585E4D. 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 - #585E4D | 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 #585E4D as 100%.

0.0%	0.0% #9CAA9C	RGB 156 170 156	#9CAA9C
16.7%	16.7% #909D8E	RGB 144 157 142	#909D8E
33.3%	33.3% #859081	RGB 133 144 129	#859081
50.0%	50.0% #7A8474	RGB 122 132 116	#7A8474
66.7%	66.7% #6E7767	RGB 110 119 103	#6E7767
83.3%	83.3% #636A5A	RGB 99 106 90	#636A5A
100.0%	100.0% #585E4D	RGB 88 94 77	#585E4D

#9CAA9C #909D8E #859081 #7A8474 #6E7767 #636A5A #585E4D

#9CAA9C - #585E4D

HSV Blend

#9CAA9C - #585E4D | 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 #585E4D as 100%.

0.0%	0.0% #9CAA9C	RGB 156 170 156	#9CAA9C
16.7%	16.7% #8F9D8D	RGB 143 157 141	#8F9D8D
33.3%	33.3% #839080	RGB 131 144 128	#839080
50.0%	50.0% #788472	RGB 120 132 114	#788472
66.7%	66.7% #6D7765	RGB 109 119 101	#6D7765
83.3%	83.3% #626A59	RGB 98 106 89	#626A59
100.0%	100.0% #585E4D	RGB 88 94 77	#585E4D

#9CAA9C #8F9D8D #839080 #788472 #6D7765 #626A59 #585E4D

#9CAA9C - #788472 - #585E4D

CSS codes

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

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