#4D63A0 - #161C2D | 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 #4D63A0 to #161C2D

#4D63A0 #161C2D

Calculate the color between two colors, #4D63A0 and #161C2D. 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)

#4D63A0 - #161C2D | 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 #4D63A0 as 0% and #161C2D as 100%.

0.0%	0.0% #4D63A0	RGB 77 99 160	#4D63A0
16.7%	16.7% #43578C	RGB 67 87 140	#43578C
33.3%	33.3% #3A4B79	RGB 58 75 121	#3A4B79
50.0%	50.0% #313F66	RGB 49 63 102	#313F66
66.7%	66.7% #283353	RGB 40 51 83	#283353
83.3%	83.3% #1F2740	RGB 31 39 64	#1F2740
100.0%	100.0% #161C2D	RGB 22 28 45	#161C2D

#4D63A0 #43578C #3A4B79 #313F66 #283353 #1F2740 #161C2D

#4D63A0 - #161C2D

HSV Blend

#4D63A0 - #161C2D | 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 #4D63A0 as 0% and #161C2D as 100%.

0.0%	0.0% #4D63A0	RGB 77 99 160	#4D63A0
16.7%	16.7% #43578C	RGB 67 87 140	#43578C
33.3%	33.3% #3A4B79	RGB 58 75 121	#3A4B79
50.0%	50.0% #313F66	RGB 49 63 102	#313F66
66.7%	66.7% #283353	RGB 40 51 83	#283353
83.3%	83.3% #1F2740	RGB 31 39 64	#1F2740
100.0%	100.0% #161C2D	RGB 22 28 45	#161C2D

#4D63A0 #43578C #3A4B79 #313F66 #283353 #1F2740 #161C2D

#4D63A0 - #313F66 - #161C2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D63A0 0%, #313F66 50%, #161C2D 100%);
    background: -webkit-linear-gradient(top, #4D63A0 0%, #313F66 50%, #161C2D 100%);
    background: linear-gradient(to bottom, #4D63A0 0%, #313F66 50%, #161C2D 100%);
}
</style>