#03102B - #B7BAC2 | 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 #03102B to #B7BAC2

#03102B #B7BAC2

Calculate the color between two colors, #03102B and #B7BAC2. 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)

#03102B - #B7BAC2 | 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 #03102B as 0% and #B7BAC2 as 100%.

0.0%	0.0% #03102B	RGB 3 16 43	#03102B
16.7%	16.7% #212C44	RGB 33 44 68	#212C44
33.3%	33.3% #3F485D	RGB 63 72 93	#3F485D
50.0%	50.0% #5D6576	RGB 93 101 118	#5D6576
66.7%	66.7% #7B818F	RGB 123 129 143	#7B818F
83.3%	83.3% #999DA8	RGB 153 157 168	#999DA8
100.0%	100.0% #B7BAC2	RGB 183 186 194	#B7BAC2

#03102B #212C44 #3F485D #5D6576 #7B818F #999DA8 #B7BAC2

#03102B - #B7BAC2

HSV Blend

#03102B - #B7BAC2 | 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 #03102B as 0% and #B7BAC2 as 100%.

0.0%	0.0% #030F2B	RGB 3 15 43	#030F2B
16.7%	16.7% #0E1F44	RGB 14 31 68	#0E1F44
33.3%	33.3% #21345D	RGB 33 52 93	#21345D
50.0%	50.0% #3C4D76	RGB 60 77 118	#3C4D76
66.7%	66.7% #5D6C8F	RGB 93 108 143	#5D6C8F
83.3%	83.3% #8690A8	RGB 134 144 168	#8690A8
100.0%	100.0% #B7BAC2	RGB 183 186 194	#B7BAC2

#030F2B #0E1F44 #21345D #3C4D76 #5D6C8F #8690A8 #B7BAC2

#03102B - #3C4D76 - #B7BAC2

CSS codes

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

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