#9F9D9F - #4B5153 | 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 #9F9D9F to #4B5153

#9F9D9F #4B5153

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

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

0.0%	0.0% #9F9D9F	RGB 159 157 159	#9F9D9F
16.7%	16.7% #919092	RGB 145 144 146	#919092
33.3%	33.3% #838385	RGB 131 131 133	#838385
50.0%	50.0% #757779	RGB 117 119 121	#757779
66.7%	66.7% #676A6C	RGB 103 106 108	#676A6C
83.3%	83.3% #595D5F	RGB 89 93 95	#595D5F
100.0%	100.0% #4B5153	RGB 75 81 83	#4B5153

#9F9D9F #919092 #838385 #757779 #676A6C #595D5F #4B5153

#9F9D9F - #4B5153

HSV Blend

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

0.0%	0.0% #9F9D9F	RGB 159 157 159	#9F9D9F
16.7%	16.7% #918E92	RGB 145 142 146	#918E92
33.3%	33.3% #828085	RGB 130 128 133	#828085
50.0%	50.0% #737279	RGB 115 114 121	#737279
66.7%	66.7% #64666C	RGB 100 102 108	#64666C
83.3%	83.3% #575B5F	RGB 87 91 95	#575B5F
100.0%	100.0% #4B5153	RGB 75 81 83	#4B5153

#9F9D9F #918E92 #828085 #737279 #64666C #575B5F #4B5153

#9F9D9F - #737279 - #4B5153

CSS codes

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

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