#00143B - #B6BCC7 | 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 #00143B to #B6BCC7

#00143B #B6BCC7

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

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

0.0%	0.0% #00143B	RGB 0 20 59	#00143B
16.7%	16.7% #1E3052	RGB 30 48 82	#1E3052
33.3%	33.3% #3C4C69	RGB 60 76 105	#3C4C69
50.0%	50.0% #5B6881	RGB 91 104 129	#5B6881
66.7%	66.7% #798498	RGB 121 132 152	#798498
83.3%	83.3% #97A0AF	RGB 151 160 175	#97A0AF
100.0%	100.0% #B6BCC7	RGB 182 188 199	#B6BCC7

#00143B #1E3052 #3C4C69 #5B6881 #798498 #97A0AF #B6BCC7

#00143B - #B6BCC7

HSV Blend

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

0.0%	0.0% #00143B	RGB 0 20 59	#00143B
16.7%	16.7% #0C2452	RGB 12 36 82	#0C2452
33.3%	33.3% #203969	RGB 32 57 105	#203969
50.0%	50.0% #3A5381	RGB 58 83 129	#3A5381
66.7%	66.7% #5C7198	RGB 92 113 152	#5C7198
83.3%	83.3% #8594AF	RGB 133 148 175	#8594AF
100.0%	100.0% #B6BCC7	RGB 182 188 199	#B6BCC7

#00143B #0C2452 #203969 #3A5381 #5C7198 #8594AF #B6BCC7

#00143B - #3A5381 - #B6BCC7

CSS codes

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

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