#4D65A8 - #161C30 | 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 #4D65A8 to #161C30

#4D65A8 #161C30

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

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

0.0%	0.0% #4D65A8	RGB 77 101 168	#4D65A8
16.7%	16.7% #435894	RGB 67 88 148	#435894
33.3%	33.3% #3A4C80	RGB 58 76 128	#3A4C80
50.0%	50.0% #31406C	RGB 49 64 108	#31406C
66.7%	66.7% #283458	RGB 40 52 88	#283458
83.3%	83.3% #1F2844	RGB 31 40 68	#1F2844
100.0%	100.0% #161C30	RGB 22 28 48	#161C30

#4D65A8 #435894 #3A4C80 #31406C #283458 #1F2844 #161C30

#4D65A8 - #161C30

HSV Blend

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

0.0%	0.0% #4C65A8	RGB 76 101 168	#4C65A8
16.7%	16.7% #435894	RGB 67 88 148	#435894
33.3%	33.3% #3A4C80	RGB 58 76 128	#3A4C80
50.0%	50.0% #313F6C	RGB 49 63 108	#313F6C
66.7%	66.7% #283358	RGB 40 51 88	#283358
83.3%	83.3% #1F2744	RGB 31 39 68	#1F2744
100.0%	100.0% #161C30	RGB 22 28 48	#161C30

#4C65A8 #435894 #3A4C80 #313F6C #283358 #1F2744 #161C30

#4D65A8 - #313F6C - #161C30

CSS codes

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

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