#5E5446 - #85959F | 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 #5E5446 to #85959F

#5E5446 #85959F

Calculate the color between two colors, #5E5446 and #85959F. 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)

#5E5446 - #85959F | 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 #5E5446 as 0% and #85959F as 100%.

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #645E54	RGB 100 94 84	#645E54
33.3%	33.3% #6B6963	RGB 107 105 99	#6B6963
50.0%	50.0% #717472	RGB 113 116 114	#717472
66.7%	66.7% #787F81	RGB 120 127 129	#787F81
83.3%	83.3% #7E8A90	RGB 126 138 144	#7E8A90
100.0%	100.0% #85959F	RGB 133 149 159	#85959F

#5E5446 #645E54 #6B6963 #717472 #787F81 #7E8A90 #85959F

#5E5446 - #85959F

HSV Blend

#5E5446 - #85959F | 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 #5E5446 as 0% and #85959F as 100%.

0.0%	0.0% #5E5446	RGB 94 84 70	#5E5446
16.7%	16.7% #67684F	RGB 103 104 79	#67684F
33.3%	33.3% #667359	RGB 102 115 89	#667359
50.0%	50.0% #647E64	RGB 100 126 100	#647E64
66.7%	66.7% #6E897A	RGB 110 137 122	#6E897A
83.3%	83.3% #799491	RGB 121 148 145	#799491
100.0%	100.0% #85959F	RGB 133 149 159	#85959F

#5E5446 #67684F #667359 #647E64 #6E897A #799491 #85959F

#5E5446 - #647E64 - #85959F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5446 0%, #647E64 50%, #85959F 100%);
    background: -webkit-linear-gradient(top, #5E5446 0%, #647E64 50%, #85959F 100%);
    background: linear-gradient(to bottom, #5E5446 0%, #647E64 50%, #85959F 100%);
}
</style>