#9EB6AC - #2D3331 | 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 #9EB6AC to #2D3331

#9EB6AC #2D3331

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

#9EB6AC - #2D3331 | 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 #9EB6AC as 0% and #2D3331 as 100%.

0.0%	0.0% #9EB6AC	RGB 158 182 172	#9EB6AC
16.7%	16.7% #8BA097	RGB 139 160 151	#8BA097
33.3%	33.3% #788A83	RGB 120 138 131	#788A83
50.0%	50.0% #65746E	RGB 101 116 110	#65746E
66.7%	66.7% #525E5A	RGB 82 94 90	#525E5A
83.3%	83.3% #3F4845	RGB 63 72 69	#3F4845
100.0%	100.0% #2D3331	RGB 45 51 49	#2D3331

#9EB6AC #8BA097 #788A83 #65746E #525E5A #3F4845 #2D3331

#9EB6AC - #2D3331

HSV Blend

#9EB6AC - #2D3331 | 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 #9EB6AC as 0% and #2D3331 as 100%.

0.0%	0.0% #9EB6AC	RGB 158 182 172	#9EB6AC
16.7%	16.7% #8BA097	RGB 139 160 151	#8BA097
33.3%	33.3% #788A83	RGB 120 138 131	#788A83
50.0%	50.0% #65746F	RGB 101 116 111	#65746F
66.7%	66.7% #535E5A	RGB 83 94 90	#535E5A
83.3%	83.3% #404845	RGB 64 72 69	#404845
100.0%	100.0% #2D3331	RGB 45 51 49	#2D3331

#9EB6AC #8BA097 #788A83 #65746F #535E5A #404845 #2D3331

#9EB6AC - #65746F - #2D3331

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB6AC 0%, #65746F 50%, #2D3331 100%);
    background: -webkit-linear-gradient(top, #9EB6AC 0%, #65746F 50%, #2D3331 100%);
    background: linear-gradient(to bottom, #9EB6AC 0%, #65746F 50%, #2D3331 100%);
}
</style>