#868A8F - #394146 | 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 #868A8F to #394146

#868A8F #394146

Calculate the color between two colors, #868A8F and #394146. 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)

#868A8F - #394146 | 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 #868A8F as 0% and #394146 as 100%.

0.0%	0.0% #868A8F	RGB 134 138 143	#868A8F
16.7%	16.7% #797D82	RGB 121 125 130	#797D82
33.3%	33.3% #6C7176	RGB 108 113 118	#6C7176
50.0%	50.0% #5F656A	RGB 95 101 106	#5F656A
66.7%	66.7% #52595E	RGB 82 89 94	#52595E
83.3%	83.3% #454D52	RGB 69 77 82	#454D52
100.0%	100.0% #394146	RGB 57 65 70	#394146

#868A8F #797D82 #6C7176 #5F656A #52595E #454D52 #394146

#868A8F - #394146

HSV Blend

#868A8F - #394146 | 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 #868A8F as 0% and #394146 as 100%.

0.0%	0.0% #868A8F	RGB 134 138 143	#868A8F
16.7%	16.7% #777D82	RGB 119 125 130	#777D82
33.3%	33.3% #6A7076	RGB 106 112 118	#6A7076
50.0%	50.0% #5D646A	RGB 93 100 106	#5D646A
66.7%	66.7% #50585E	RGB 80 88 94	#50585E
83.3%	83.3% #444C52	RGB 68 76 82	#444C52
100.0%	100.0% #394146	RGB 57 65 70	#394146

#868A8F #777D82 #6A7076 #5D646A #50585E #444C52 #394146

#868A8F - #5D646A - #394146

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868A8F 0%, #5D646A 50%, #394146 100%);
    background: -webkit-linear-gradient(top, #868A8F 0%, #5D646A 50%, #394146 100%);
    background: linear-gradient(to bottom, #868A8F 0%, #5D646A 50%, #394146 100%);
}
</style>