#878A8F - #384246 | 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 #878A8F to #384246

#878A8F #384246

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

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

0.0%	0.0% #878A8F	RGB 135 138 143	#878A8F
16.7%	16.7% #797E82	RGB 121 126 130	#797E82
33.3%	33.3% #6C7276	RGB 108 114 118	#6C7276
50.0%	50.0% #5F666A	RGB 95 102 106	#5F666A
66.7%	66.7% #525A5E	RGB 82 90 94	#525A5E
83.3%	83.3% #454E52	RGB 69 78 82	#454E52
100.0%	100.0% #384246	RGB 56 66 70	#384246

#878A8F #797E82 #6C7276 #5F666A #525A5E #454E52 #384246

#878A8F - #384246

HSV Blend

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

0.0%	0.0% #878A8F	RGB 135 138 143	#878A8F
16.7%	16.7% #787C82	RGB 120 124 130	#787C82
33.3%	33.3% #6A7076	RGB 106 112 118	#6A7076
50.0%	50.0% #5C646A	RGB 92 100 106	#5C646A
66.7%	66.7% #4F585E	RGB 79 88 94	#4F585E
83.3%	83.3% #434D52	RGB 67 77 82	#434D52
100.0%	100.0% #384246	RGB 56 66 70	#384246

#878A8F #787C82 #6A7076 #5C646A #4F585E #434D52 #384246

#878A8F - #5C646A - #384246

CSS codes

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

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