#858A8F - #394046 | 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 #858A8F to #394046

#858A8F #394046

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

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

0.0%	0.0% #858A8F	RGB 133 138 143	#858A8F
16.7%	16.7% #787D82	RGB 120 125 130	#787D82
33.3%	33.3% #6B7176	RGB 107 113 118	#6B7176
50.0%	50.0% #5F656A	RGB 95 101 106	#5F656A
66.7%	66.7% #52585E	RGB 82 88 94	#52585E
83.3%	83.3% #454C52	RGB 69 76 82	#454C52
100.0%	100.0% #394046	RGB 57 64 70	#394046

#858A8F #787D82 #6B7176 #5F656A #52585E #454C52 #394046

#858A8F - #394046

HSV Blend

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

0.0%	0.0% #858A8F	RGB 133 138 143	#858A8F
16.7%	16.7% #777D82	RGB 119 125 130	#777D82
33.3%	33.3% #697076	RGB 105 112 118	#697076
50.0%	50.0% #5C636A	RGB 92 99 106	#5C636A
66.7%	66.7% #50575E	RGB 80 87 94	#50575E
83.3%	83.3% #444B52	RGB 68 75 82	#444B52
100.0%	100.0% #394046	RGB 57 64 70	#394046

#858A8F #777D82 #697076 #5C636A #50575E #444B52 #394046

#858A8F - #5C636A - #394046

CSS codes

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

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