#7A8B95 - #35404B | 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 #7A8B95 to #35404B

#7A8B95 #35404B

Calculate the color between two colors, #7A8B95 and #35404B. 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)

#7A8B95 - #35404B | 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 #7A8B95 as 0% and #35404B as 100%.

0.0%	0.0% #7A8B95	RGB 122 139 149	#7A8B95
16.7%	16.7% #6E7E88	RGB 110 126 136	#6E7E88
33.3%	33.3% #63727C	RGB 99 114 124	#63727C
50.0%	50.0% #576570	RGB 87 101 112	#576570
66.7%	66.7% #4C5963	RGB 76 89 99	#4C5963
83.3%	83.3% #404C57	RGB 64 76 87	#404C57
100.0%	100.0% #35404B	RGB 53 64 75	#35404B

#7A8B95 #6E7E88 #63727C #576570 #4C5963 #404C57 #35404B

#7A8B95 - #35404B

HSV Blend

#7A8B95 - #35404B | 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 #7A8B95 as 0% and #35404B as 100%.

0.0%	0.0% #7A8B95	RGB 122 139 149	#7A8B95
16.7%	16.7% #6D7D88	RGB 109 125 136	#6D7D88
33.3%	33.3% #61717C	RGB 97 113 124	#61717C
50.0%	50.0% #556470	RGB 85 100 112	#556470
66.7%	66.7% #4A5863	RGB 74 88 99	#4A5863
83.3%	83.3% #3F4B57	RGB 63 75 87	#3F4B57
100.0%	100.0% #35404B	RGB 53 64 75	#35404B

#7A8B95 #6D7D88 #61717C #556470 #4A5863 #3F4B57 #35404B

#7A8B95 - #556470 - #35404B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8B95 0%, #556470 50%, #35404B 100%);
    background: -webkit-linear-gradient(top, #7A8B95 0%, #556470 50%, #35404B 100%);
    background: linear-gradient(to bottom, #7A8B95 0%, #556470 50%, #35404B 100%);
}
</style>