#747F86 - #31373D | 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 #747F86 to #31373D

#747F86 #31373D

Calculate the color between two colors, #747F86 and #31373D. 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)

#747F86 - #31373D | 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 #747F86 as 0% and #31373D as 100%.

0.0%	0.0% #747F86	RGB 116 127 134	#747F86
16.7%	16.7% #687379	RGB 104 115 121	#687379
33.3%	33.3% #5D676D	RGB 93 103 109	#5D676D
50.0%	50.0% #525B61	RGB 82 91 97	#525B61
66.7%	66.7% #474F55	RGB 71 79 85	#474F55
83.3%	83.3% #3C4349	RGB 60 67 73	#3C4349
100.0%	100.0% #31373D	RGB 49 55 61	#31373D

#747F86 #687379 #5D676D #525B61 #474F55 #3C4349 #31373D

#747F86 - #31373D

HSV Blend

#747F86 - #31373D | 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 #747F86 as 0% and #31373D as 100%.

0.0%	0.0% #747F86	RGB 116 127 134	#747F86
16.7%	16.7% #687279	RGB 104 114 121	#687279
33.3%	33.3% #5C666D	RGB 92 102 109	#5C666D
50.0%	50.0% #515A61	RGB 81 90 97	#515A61
66.7%	66.7% #464E55	RGB 70 78 85	#464E55
83.3%	83.3% #3B4249	RGB 59 66 73	#3B4249
100.0%	100.0% #31373D	RGB 49 55 61	#31373D

#747F86 #687279 #5C666D #515A61 #464E55 #3B4249 #31373D

#747F86 - #515A61 - #31373D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #747F86 0%, #515A61 50%, #31373D 100%);
    background: -webkit-linear-gradient(top, #747F86 0%, #515A61 50%, #31373D 100%);
    background: linear-gradient(to bottom, #747F86 0%, #515A61 50%, #31373D 100%);
}
</style>