#505142 - #161712 | 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 #505142 to #161712

#505142 #161712

Calculate the color between two colors, #505142 and #161712. 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)

#505142 - #161712 | 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 #505142 as 0% and #161712 as 100%.

0.0%	0.0% #505142	RGB 80 81 66	#505142
16.7%	16.7% #46473A	RGB 70 71 58	#46473A
33.3%	33.3% #3C3D32	RGB 60 61 50	#3C3D32
50.0%	50.0% #33342A	RGB 51 52 42	#33342A
66.7%	66.7% #292A22	RGB 41 42 34	#292A22
83.3%	83.3% #1F201A	RGB 31 32 26	#1F201A
100.0%	100.0% #161712	RGB 22 23 18	#161712

#505142 #46473A #3C3D32 #33342A #292A22 #1F201A #161712

#505142 - #161712

HSV Blend

#505142 - #161712 | 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 #505142 as 0% and #161712 as 100%.

0.0%	0.0% #505142	RGB 80 81 66	#505142
16.7%	16.7% #464739	RGB 70 71 57	#464739
33.3%	33.3% #3C3D31	RGB 60 61 49	#3C3D31
50.0%	50.0% #323429	RGB 50 52 41	#323429
66.7%	66.7% #282A21	RGB 40 42 33	#282A21
83.3%	83.3% #1F2019	RGB 31 32 25	#1F2019
100.0%	100.0% #161712	RGB 22 23 18	#161712

#505142 #464739 #3C3D31 #323429 #282A21 #1F2019 #161712

#505142 - #323429 - #161712

CSS codes

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

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