#001639 - #B6BDC6 | 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 #001639 to #B6BDC6

#001639 #B6BDC6

Calculate the color between two colors, #001639 and #B6BDC6. 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)

#001639 - #B6BDC6 | 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 #001639 as 0% and #B6BDC6 as 100%.

0.0%	0.0% #001639	RGB 0 22 57	#001639
16.7%	16.7% #1E3150	RGB 30 49 80	#1E3150
33.3%	33.3% #3C4D68	RGB 60 77 104	#3C4D68
50.0%	50.0% #5B697F	RGB 91 105 127	#5B697F
66.7%	66.7% #798597	RGB 121 133 151	#798597
83.3%	83.3% #97A1AE	RGB 151 161 174	#97A1AE
100.0%	100.0% #B6BDC6	RGB 182 189 198	#B6BDC6

#001639 #1E3150 #3C4D68 #5B697F #798597 #97A1AE #B6BDC6

#001639 - #B6BDC6

HSV Blend

#001639 - #B6BDC6 | 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 #001639 as 0% and #B6BDC6 as 100%.

0.0%	0.0% #001539	RGB 0 21 57	#001539
16.7%	16.7% #0C2750	RGB 12 39 80	#0C2750
33.3%	33.3% #1F3C68	RGB 31 60 104	#1F3C68
50.0%	50.0% #3A567F	RGB 58 86 127	#3A567F
66.7%	66.7% #5C7597	RGB 92 117 151	#5C7597
83.3%	83.3% #8597AE	RGB 133 151 174	#8597AE
100.0%	100.0% #B6BDC6	RGB 182 189 198	#B6BDC6

#001539 #0C2750 #1F3C68 #3A567F #5C7597 #8597AE #B6BDC6

#001639 - #3A567F - #B6BDC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001539 0%, #3A567F 50%, #B6BDC6 100%);
    background: -webkit-linear-gradient(top, #001539 0%, #3A567F 50%, #B6BDC6 100%);
    background: linear-gradient(to bottom, #001539 0%, #3A567F 50%, #B6BDC6 100%);
}
</style>