#7A8C8F - #3A3E46 | 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 #7A8C8F to #3A3E46

#7A8C8F #3A3E46

Calculate the color between two colors, #7A8C8F and #3A3E46. 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)

#7A8C8F - #3A3E46 | 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 #7A8C8F as 0% and #3A3E46 as 100%.

0.0%	0.0% #7A8C8F	RGB 122 140 143	#7A8C8F
16.7%	16.7% #6F7F82	RGB 111 127 130	#6F7F82
33.3%	33.3% #647276	RGB 100 114 118	#647276
50.0%	50.0% #5A656A	RGB 90 101 106	#5A656A
66.7%	66.7% #4F585E	RGB 79 88 94	#4F585E
83.3%	83.3% #444B52	RGB 68 75 82	#444B52
100.0%	100.0% #3A3E46	RGB 58 62 70	#3A3E46

#7A8C8F #6F7F82 #647276 #5A656A #4F585E #444B52 #3A3E46

#7A8C8F - #3A3E46

HSV Blend

#7A8C8F - #3A3E46 | 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 #7A8C8F as 0% and #3A3E46 as 100%.

0.0%	0.0% #7A8C8F	RGB 122 140 143	#7A8C8F
16.7%	16.7% #6F7E82	RGB 111 126 130	#6F7E82
33.3%	33.3% #647076	RGB 100 112 118	#647076
50.0%	50.0% #59636A	RGB 89 99 106	#59636A
66.7%	66.7% #4E565E	RGB 78 86 94	#4E565E
83.3%	83.3% #444A52	RGB 68 74 82	#444A52
100.0%	100.0% #3A3E46	RGB 58 62 70	#3A3E46

#7A8C8F #6F7E82 #647076 #59636A #4E565E #444A52 #3A3E46

#7A8C8F - #59636A - #3A3E46

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8C8F 0%, #59636A 50%, #3A3E46 100%);
    background: -webkit-linear-gradient(top, #7A8C8F 0%, #59636A 50%, #3A3E46 100%);
    background: linear-gradient(to bottom, #7A8C8F 0%, #59636A 50%, #3A3E46 100%);
}
</style>