#00124B - #B6BBCB | 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 #00124B to #B6BBCB

#00124B #B6BBCB

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

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

0.0%	0.0% #00124B	RGB 0 18 75	#00124B
16.7%	16.7% #1E2E60	RGB 30 46 96	#1E2E60
33.3%	33.3% #3C4A75	RGB 60 74 117	#3C4A75
50.0%	50.0% #5B668B	RGB 91 102 139	#5B668B
66.7%	66.7% #7982A0	RGB 121 130 160	#7982A0
83.3%	83.3% #979EB5	RGB 151 158 181	#979EB5
100.0%	100.0% #B6BBCB	RGB 182 187 203	#B6BBCB

#00124B #1E2E60 #3C4A75 #5B668B #7982A0 #979EB5 #B6BBCB

#00124B - #B6BBCB

HSV Blend

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

0.0%	0.0% #00124B	RGB 0 18 75	#00124B
16.7%	16.7% #0E2260	RGB 14 34 96	#0E2260
33.3%	33.3% #233675	RGB 35 54 117	#233675
50.0%	50.0% #3E508B	RGB 62 80 139	#3E508B
66.7%	66.7% #5F6FA0	RGB 95 111 160	#5F6FA0
83.3%	83.3% #8792B5	RGB 135 146 181	#8792B5
100.0%	100.0% #B6BBCB	RGB 182 187 203	#B6BBCB

#00124B #0E2260 #233675 #3E508B #5F6FA0 #8792B5 #B6BBCB

#00124B - #3E508B - #B6BBCB

CSS codes

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

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