#84848D - #2D4244 | 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 #84848D to #2D4244

#84848D #2D4244

Calculate the color between two colors, #84848D and #2D4244. 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)

#84848D - #2D4244 | 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 #84848D as 0% and #2D4244 as 100%.

0.0%	0.0% #84848D	RGB 132 132 141	#84848D
16.7%	16.7% #757980	RGB 117 121 128	#757980
33.3%	33.3% #676E74	RGB 103 110 116	#676E74
50.0%	50.0% #586368	RGB 88 99 104	#586368
66.7%	66.7% #4A585C	RGB 74 88 92	#4A585C
83.3%	83.3% #3B4D50	RGB 59 77 80	#3B4D50
100.0%	100.0% #2D4244	RGB 45 66 68	#2D4244

#84848D #757980 #676E74 #586368 #4A585C #3B4D50 #2D4244

#84848D - #2D4244

HSV Blend

#84848D - #2D4244 | 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 #84848D as 0% and #2D4244 as 100%.

0.0%	0.0% #84848D	RGB 132 132 141	#84848D
16.7%	16.7% #727480	RGB 114 116 128	#727480
33.3%	33.3% #626874	RGB 98 104 116	#626874
50.0%	50.0% #535D68	RGB 83 93 104	#535D68
66.7%	66.7% #45535C	RGB 69 83 92	#45535C
83.3%	83.3% #384A50	RGB 56 74 80	#384A50
100.0%	100.0% #2D4244	RGB 45 66 68	#2D4244

#84848D #727480 #626874 #535D68 #45535C #384A50 #2D4244

#84848D - #535D68 - #2D4244

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84848D 0%, #535D68 50%, #2D4244 100%);
    background: -webkit-linear-gradient(top, #84848D 0%, #535D68 50%, #2D4244 100%);
    background: linear-gradient(to bottom, #84848D 0%, #535D68 50%, #2D4244 100%);
}
</style>