#7F8186 - #303D3E | 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 #7F8186 to #303D3E

#7F8186 #303D3E

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

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

0.0%	0.0% #7F8186	RGB 127 129 134	#7F8186
16.7%	16.7% #71757A	RGB 113 117 122	#71757A
33.3%	33.3% #646A6E	RGB 100 106 110	#646A6E
50.0%	50.0% #575F62	RGB 87 95 98	#575F62
66.7%	66.7% #4A5356	RGB 74 83 86	#4A5356
83.3%	83.3% #3D484A	RGB 61 72 74	#3D484A
100.0%	100.0% #303D3E	RGB 48 61 62	#303D3E

#7F8186 #71757A #646A6E #575F62 #4A5356 #3D484A #303D3E

#7F8186 - #303D3E

HSV Blend

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

0.0%	0.0% #7F8186	RGB 127 129 134	#7F8186
16.7%	16.7% #70737A	RGB 112 115 122	#70737A
33.3%	33.3% #61676E	RGB 97 103 110	#61676E
50.0%	50.0% #545C62	RGB 84 92 98	#545C62
66.7%	66.7% #475156	RGB 71 81 86	#475156
83.3%	83.3% #3B474A	RGB 59 71 74	#3B474A
100.0%	100.0% #303D3E	RGB 48 61 62	#303D3E

#7F8186 #70737A #61676E #545C62 #475156 #3B474A #303D3E

#7F8186 - #545C62 - #303D3E

CSS codes

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

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