#16233B - #BCC0C7 | 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 #16233B to #BCC0C7

#16233B #BCC0C7

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

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

0.0%	0.0% #16233B	RGB 22 35 59	#16233B
16.7%	16.7% #313D52	RGB 49 61 82	#313D52
33.3%	33.3% #4D5769	RGB 77 87 105	#4D5769
50.0%	50.0% #697181	RGB 105 113 129	#697181
66.7%	66.7% #848B98	RGB 132 139 152	#848B98
83.3%	83.3% #A0A5AF	RGB 160 165 175	#A0A5AF
100.0%	100.0% #BCC0C7	RGB 188 192 199	#BCC0C7

#16233B #313D52 #4D5769 #697181 #848B98 #A0A5AF #BCC0C7

#16233B - #BCC0C7

HSV Blend

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

0.0%	0.0% #16233B	RGB 22 35 59	#16233B
16.7%	16.7% #263652	RGB 38 54 82	#263652
33.3%	33.3% #3B4B69	RGB 59 75 105	#3B4B69
50.0%	50.0% #546481	RGB 84 100 129	#546481
66.7%	66.7% #728098	RGB 114 128 152	#728098
83.3%	83.3% #959EAF	RGB 149 158 175	#959EAF
100.0%	100.0% #BCC0C7	RGB 188 192 199	#BCC0C7

#16233B #263652 #3B4B69 #546481 #728098 #959EAF #BCC0C7

#16233B - #546481 - #BCC0C7

CSS codes

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

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