#0015A1 - #B6BCE4 | 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 #0015A1 to #B6BCE4

#0015A1 #B6BCE4

Calculate the color between two colors, #0015A1 and #B6BCE4. 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)

#0015A1 - #B6BCE4 | 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 #0015A1 as 0% and #B6BCE4 as 100%.

0.0%	0.0% #0015A1	RGB 0 21 161	#0015A1
16.7%	16.7% #1E30AC	RGB 30 48 172	#1E30AC
33.3%	33.3% #3C4CB7	RGB 60 76 183	#3C4CB7
50.0%	50.0% #5B68C2	RGB 91 104 194	#5B68C2
66.7%	66.7% #7984CD	RGB 121 132 205	#7984CD
83.3%	83.3% #97A0D8	RGB 151 160 216	#97A0D8
100.0%	100.0% #B6BCE4	RGB 182 188 228	#B6BCE4

#0015A1 #1E30AC #3C4CB7 #5B68C2 #7984CD #97A0D8 #B6BCE4

#0015A1 - #B6BCE4

HSV Blend

#0015A1 - #B6BCE4 | 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 #0015A1 as 0% and #B6BCE4 as 100%.

0.0%	0.0% #0014A1	RGB 0 20 161	#0014A1
16.7%	16.7% #162AAC	RGB 22 42 172	#162AAC
33.3%	33.3% #3042B7	RGB 48 66 183	#3042B7
50.0%	50.0% #4D5CC2	RGB 77 92 194	#4D5CC2
66.7%	66.7% #6D79CD	RGB 109 121 205	#6D79CD
83.3%	83.3% #9099D8	RGB 144 153 216	#9099D8
100.0%	100.0% #B6BCE4	RGB 182 188 228	#B6BCE4

#0014A1 #162AAC #3042B7 #4D5CC2 #6D79CD #9099D8 #B6BCE4

#0015A1 - #4D5CC2 - #B6BCE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0014A1 0%, #4D5CC2 50%, #B6BCE4 100%);
    background: -webkit-linear-gradient(top, #0014A1 0%, #4D5CC2 50%, #B6BCE4 100%);
    background: linear-gradient(to bottom, #0014A1 0%, #4D5CC2 50%, #B6BCE4 100%);
}
</style>