#898A8C - #384442 | 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 #898A8C to #384442

#898A8C #384442

Calculate the color between two colors, #898A8C and #384442. 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)

#898A8C - #384442 | 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 #898A8C as 0% and #384442 as 100%.

0.0%	0.0% #898A8C	RGB 137 138 140	#898A8C
16.7%	16.7% #7B7E7F	RGB 123 126 127	#7B7E7F
33.3%	33.3% #6E7273	RGB 110 114 115	#6E7273
50.0%	50.0% #606767	RGB 96 103 103	#606767
66.7%	66.7% #535B5A	RGB 83 91 90	#535B5A
83.3%	83.3% #454F4E	RGB 69 79 78	#454F4E
100.0%	100.0% #384442	RGB 56 68 66	#384442

#898A8C #7B7E7F #6E7273 #606767 #535B5A #454F4E #384442

#898A8C - #384442

HSV Blend

#898A8C - #384442 | 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 #898A8C as 0% and #384442 as 100%.

0.0%	0.0% #898A8C	RGB 137 138 140	#898A8C
16.7%	16.7% #797C80	RGB 121 124 128	#797C80
33.3%	33.3% #6B7074	RGB 107 112 116	#6B7074
50.0%	50.0% #5D6568	RGB 93 101 104	#5D6568
66.7%	66.7% #505A5C	RGB 80 90 92	#505A5C
83.3%	83.3% #43504F	RGB 67 80 79	#43504F
100.0%	100.0% #384442	RGB 56 68 66	#384442

#898A8C #797C80 #6B7074 #5D6568 #505A5C #43504F #384442

#898A8C - #5D6568 - #384442

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #898A8C 0%, #5D6568 50%, #384442 100%);
    background: -webkit-linear-gradient(top, #898A8C 0%, #5D6568 50%, #384442 100%);
    background: linear-gradient(to bottom, #898A8C 0%, #5D6568 50%, #384442 100%);
}
</style>