#76797B - #212223 | 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 #76797B to #212223

#76797B #212223

Calculate the color between two colors, #76797B and #212223. 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)

#76797B - #212223 | 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 #76797B as 0% and #212223 as 100%.

0.0%	0.0% #76797B	RGB 118 121 123	#76797B
16.7%	16.7% #676A6C	RGB 103 106 108	#676A6C
33.3%	33.3% #595C5D	RGB 89 92 93	#595C5D
50.0%	50.0% #4B4D4F	RGB 75 77 79	#4B4D4F
66.7%	66.7% #3D3F40	RGB 61 63 64	#3D3F40
83.3%	83.3% #2F3031	RGB 47 48 49	#2F3031
100.0%	100.0% #212223	RGB 33 34 35	#212223

#76797B #676A6C #595C5D #4B4D4F #3D3F40 #2F3031 #212223

#76797B - #212223

HSV Blend

#76797B - #212223 | 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 #76797B as 0% and #212223 as 100%.

0.0%	0.0% #76797B	RGB 118 121 123	#76797B
16.7%	16.7% #676A6C	RGB 103 106 108	#676A6C
33.3%	33.3% #595B5D	RGB 89 91 93	#595B5D
50.0%	50.0% #4B4D4F	RGB 75 77 79	#4B4D4F
66.7%	66.7% #3D3E40	RGB 61 62 64	#3D3E40
83.3%	83.3% #2E3031	RGB 46 48 49	#2E3031
100.0%	100.0% #212223	RGB 33 34 35	#212223

#76797B #676A6C #595B5D #4B4D4F #3D3E40 #2E3031 #212223

#76797B - #4B4D4F - #212223

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76797B 0%, #4B4D4F 50%, #212223 100%);
    background: -webkit-linear-gradient(top, #76797B 0%, #4B4D4F 50%, #212223 100%);
    background: linear-gradient(to bottom, #76797B 0%, #4B4D4F 50%, #212223 100%);
}
</style>