#161D5E - #BCBED1 | 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 #161D5E to #BCBED1

#161D5E #BCBED1

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

#161D5E - #BCBED1 | 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 #161D5E as 0% and #BCBED1 as 100%.

0.0%	0.0% #161D5E	RGB 22 29 94	#161D5E
16.7%	16.7% #313771	RGB 49 55 113	#313771
33.3%	33.3% #4D5284	RGB 77 82 132	#4D5284
50.0%	50.0% #696D97	RGB 105 109 151	#696D97
66.7%	66.7% #8488AA	RGB 132 136 170	#8488AA
83.3%	83.3% #A0A3BD	RGB 160 163 189	#A0A3BD
100.0%	100.0% #BCBED1	RGB 188 190 209	#BCBED1

#161D5E #313771 #4D5284 #696D97 #8488AA #A0A3BD #BCBED1

#161D5E - #BCBED1

HSV Blend

#161D5E - #BCBED1 | 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 #161D5E as 0% and #BCBED1 as 100%.

0.0%	0.0% #151C5E	RGB 21 28 94	#151C5E
16.7%	16.7% #272E71	RGB 39 46 113	#272E71
33.3%	33.3% #3C4384	RGB 60 67 132	#3C4384
50.0%	50.0% #555C97	RGB 85 92 151	#555C97
66.7%	66.7% #7378AA	RGB 115 120 170	#7378AA
83.3%	83.3% #9599BD	RGB 149 153 189	#9599BD
100.0%	100.0% #BCBED1	RGB 188 190 209	#BCBED1

#151C5E #272E71 #3C4384 #555C97 #7378AA #9599BD #BCBED1

#161D5E - #555C97 - #BCBED1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151C5E 0%, #555C97 50%, #BCBED1 100%);
    background: -webkit-linear-gradient(top, #151C5E 0%, #555C97 50%, #BCBED1 100%);
    background: linear-gradient(to bottom, #151C5E 0%, #555C97 50%, #BCBED1 100%);
}
</style>