#001F7B - #B6C0D9 | 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 #001F7B to #B6C0D9

#001F7B #B6C0D9

Calculate the color between two colors, #001F7B and #B6C0D9. 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)

#001F7B - #B6C0D9 | 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 #001F7B as 0% and #B6C0D9 as 100%.

0.0%	0.0% #001F7B	RGB 0 31 123	#001F7B
16.7%	16.7% #1E398A	RGB 30 57 138	#1E398A
33.3%	33.3% #3C549A	RGB 60 84 154	#3C549A
50.0%	50.0% #5B6FAA	RGB 91 111 170	#5B6FAA
66.7%	66.7% #798AB9	RGB 121 138 185	#798AB9
83.3%	83.3% #97A5C9	RGB 151 165 201	#97A5C9
100.0%	100.0% #B6C0D9	RGB 182 192 217	#B6C0D9

#001F7B #1E398A #3C549A #5B6FAA #798AB9 #97A5C9 #B6C0D9

#001F7B - #B6C0D9

HSV Blend

#001F7B - #B6C0D9 | 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 #001F7B as 0% and #B6C0D9 as 100%.

0.0%	0.0% #001E7B	RGB 0 30 123	#001E7B
16.7%	16.7% #13328A	RGB 19 50 138	#13328A
33.3%	33.3% #2B489A	RGB 43 72 154	#2B489A
50.0%	50.0% #4761AA	RGB 71 97 170	#4761AA
66.7%	66.7% #677EB9	RGB 103 126 185	#677EB9
83.3%	83.3% #8C9DC9	RGB 140 157 201	#8C9DC9
100.0%	100.0% #B6C0D9	RGB 182 192 217	#B6C0D9

#001E7B #13328A #2B489A #4761AA #677EB9 #8C9DC9 #B6C0D9

#001F7B - #4761AA - #B6C0D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001E7B 0%, #4761AA 50%, #B6C0D9 100%);
    background: -webkit-linear-gradient(top, #001E7B 0%, #4761AA 50%, #B6C0D9 100%);
    background: linear-gradient(to bottom, #001E7B 0%, #4761AA 50%, #B6C0D9 100%);
}
</style>