#808184 - #303D3D | 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 #808184 to #303D3D

#808184 #303D3D

Calculate the color between two colors, #808184 and #303D3D. 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)

#808184 - #303D3D | 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 #808184 as 0% and #303D3D as 100%.

0.0%	0.0% #808184	RGB 128 129 132	#808184
16.7%	16.7% #727578	RGB 114 117 120	#727578
33.3%	33.3% #656A6C	RGB 101 106 108	#656A6C
50.0%	50.0% #585F60	RGB 88 95 96	#585F60
66.7%	66.7% #4A5354	RGB 74 83 84	#4A5354
83.3%	83.3% #3D4848	RGB 61 72 72	#3D4848
100.0%	100.0% #303D3D	RGB 48 61 61	#303D3D

#808184 #727578 #656A6C #585F60 #4A5354 #3D4848 #303D3D

#808184 - #303D3D

HSV Blend

#808184 - #303D3D | 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 #808184 as 0% and #303D3D as 100%.

0.0%	0.0% #808184	RGB 128 129 132	#808184
16.7%	16.7% #707378	RGB 112 115 120	#707378
33.3%	33.3% #62676C	RGB 98 103 108	#62676C
50.0%	50.0% #545C60	RGB 84 92 96	#545C60
66.7%	66.7% #475154	RGB 71 81 84	#475154
83.3%	83.3% #3B4748	RGB 59 71 72	#3B4748
100.0%	100.0% #303D3D	RGB 48 61 61	#303D3D

#808184 #707378 #62676C #545C60 #475154 #3B4748 #303D3D

#808184 - #545C60 - #303D3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #808184 0%, #545C60 50%, #303D3D 100%);
    background: -webkit-linear-gradient(top, #808184 0%, #545C60 50%, #303D3D 100%);
    background: linear-gradient(to bottom, #808184 0%, #545C60 50%, #303D3D 100%);
}
</style>