#000A5E - #B6BAD1 | 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 #000A5E to #B6BAD1

#000A5E #B6BAD1

Calculate the color between two colors, #000A5E and #B6BAD1. 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)

#000A5E - #B6BAD1 | 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 #000A5E as 0% and #B6BAD1 as 100%.

0.0%	0.0% #000A5E	RGB 0 10 94	#000A5E
16.7%	16.7% #1E2771	RGB 30 39 113	#1E2771
33.3%	33.3% #3C4484	RGB 60 68 132	#3C4484
50.0%	50.0% #5B6297	RGB 91 98 151	#5B6297
66.7%	66.7% #797FAA	RGB 121 127 170	#797FAA
83.3%	83.3% #979CBD	RGB 151 156 189	#979CBD
100.0%	100.0% #B6BAD1	RGB 182 186 209	#B6BAD1

#000A5E #1E2771 #3C4484 #5B6297 #797FAA #979CBD #B6BAD1

#000A5E - #B6BAD1

HSV Blend

#000A5E - #B6BAD1 | 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 #000A5E as 0% and #B6BAD1 as 100%.

0.0%	0.0% #000A5E	RGB 0 10 94	#000A5E
16.7%	16.7% #101B71	RGB 16 27 113	#101B71
33.3%	33.3% #263184	RGB 38 49 132	#263184
50.0%	50.0% #414C97	RGB 65 76 151	#414C97
66.7%	66.7% #636CAA	RGB 99 108 170	#636CAA
83.3%	83.3% #8991BD	RGB 137 145 189	#8991BD
100.0%	100.0% #B6BAD1	RGB 182 186 209	#B6BAD1

#000A5E #101B71 #263184 #414C97 #636CAA #8991BD #B6BAD1

#000A5E - #414C97 - #B6BAD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000A5E 0%, #414C97 50%, #B6BAD1 100%);
    background: -webkit-linear-gradient(top, #000A5E 0%, #414C97 50%, #B6BAD1 100%);
    background: linear-gradient(to bottom, #000A5E 0%, #414C97 50%, #B6BAD1 100%);
}
</style>