#7A8C7E - #293C42 | 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 #7A8C7E to #293C42

#7A8C7E #293C42

Calculate the color between two colors, #7A8C7E and #293C42. 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)

#7A8C7E - #293C42 | 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 #7A8C7E as 0% and #293C42 as 100%.

0.0%	0.0% #7A8C7E	RGB 122 140 126	#7A8C7E
16.7%	16.7% #6C7E74	RGB 108 126 116	#6C7E74
33.3%	33.3% #5F716A	RGB 95 113 106	#5F716A
50.0%	50.0% #516460	RGB 81 100 96	#516460
66.7%	66.7% #445656	RGB 68 86 86	#445656
83.3%	83.3% #36494C	RGB 54 73 76	#36494C
100.0%	100.0% #293C42	RGB 41 60 66	#293C42

#7A8C7E #6C7E74 #5F716A #516460 #445656 #36494C #293C42

#7A8C7E - #293C42

HSV Blend

#7A8C7E - #293C42 | 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 #7A8C7E as 0% and #293C42 as 100%.

0.0%	0.0% #7A8C7E	RGB 122 140 126	#7A8C7E
16.7%	16.7% #697F72	RGB 105 127 114	#697F72
33.3%	33.3% #5A7368	RGB 90 115 104	#5A7368
50.0%	50.0% #4C675F	RGB 76 103 95	#4C675F
66.7%	66.7% #3F5A58	RGB 63 90 88	#3F5A58
83.3%	83.3% #334C4E	RGB 51 76 78	#334C4E
100.0%	100.0% #293C42	RGB 41 60 66	#293C42

#7A8C7E #697F72 #5A7368 #4C675F #3F5A58 #334C4E #293C42

#7A8C7E - #4C675F - #293C42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8C7E 0%, #4C675F 50%, #293C42 100%);
    background: -webkit-linear-gradient(top, #7A8C7E 0%, #4C675F 50%, #293C42 100%);
    background: linear-gradient(to bottom, #7A8C7E 0%, #4C675F 50%, #293C42 100%);
}
</style>