#313A50 - #7E7B7E | 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 #313A50 to #7E7B7E

#313A50 #7E7B7E

Calculate the color between two colors, #313A50 and #7E7B7E. 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)

#313A50 - #7E7B7E | 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 #313A50 as 0% and #7E7B7E as 100%.

0.0%	0.0% #313A50	RGB 49 58 80	#313A50
16.7%	16.7% #3D4457	RGB 61 68 87	#3D4457
33.3%	33.3% #4A4F5F	RGB 74 79 95	#4A4F5F
50.0%	50.0% #575A67	RGB 87 90 103	#575A67
66.7%	66.7% #64656E	RGB 100 101 110	#64656E
83.3%	83.3% #717076	RGB 113 112 118	#717076
100.0%	100.0% #7E7B7E	RGB 126 123 126	#7E7B7E

#313A50 #3D4457 #4A4F5F #575A67 #64656E #717076 #7E7B7E

#313A50 - #7E7B7E

HSV Blend

#313A50 - #7E7B7E | 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 #313A50 as 0% and #7E7B7E as 100%.

0.0%	0.0% #313A50	RGB 49 58 80	#313A50
16.7%	16.7% #3B3D57	RGB 59 61 87	#3B3D57
33.3%	33.3% #49455F	RGB 73 69 95	#49455F
50.0%	50.0% #595167	RGB 89 81 103	#595167
66.7%	66.7% #675E6E	RGB 103 94 110	#675E6E
83.3%	83.3% #746C76	RGB 116 108 118	#746C76
100.0%	100.0% #7E7B7E	RGB 126 123 126	#7E7B7E

#313A50 #3B3D57 #49455F #595167 #675E6E #746C76 #7E7B7E

#313A50 - #595167 - #7E7B7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #313A50 0%, #595167 50%, #7E7B7E 100%);
    background: -webkit-linear-gradient(top, #313A50 0%, #595167 50%, #7E7B7E 100%);
    background: linear-gradient(to bottom, #313A50 0%, #595167 50%, #7E7B7E 100%);
}
</style>