#001B55 - #B6BECE | 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 #001B55 to #B6BECE

#001B55 #B6BECE

Calculate the color between two colors, #001B55 and #B6BECE. 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)

#001B55 - #B6BECE | 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 #001B55 as 0% and #B6BECE as 100%.

0.0%	0.0% #001B55	RGB 0 27 85	#001B55
16.7%	16.7% #1E3669	RGB 30 54 105	#1E3669
33.3%	33.3% #3C517D	RGB 60 81 125	#3C517D
50.0%	50.0% #5B6C91	RGB 91 108 145	#5B6C91
66.7%	66.7% #7987A5	RGB 121 135 165	#7987A5
83.3%	83.3% #97A2B9	RGB 151 162 185	#97A2B9
100.0%	100.0% #B6BECE	RGB 182 190 206	#B6BECE

#001B55 #1E3669 #3C517D #5B6C91 #7987A5 #97A2B9 #B6BECE

#001B55 - #B6BECE

HSV Blend

#001B55 - #B6BECE | 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 #001B55 as 0% and #B6BECE as 100%.

0.0%	0.0% #001B55	RGB 0 27 85	#001B55
16.7%	16.7% #0F2C69	RGB 15 44 105	#0F2C69
33.3%	33.3% #24417D	RGB 36 65 125	#24417D
50.0%	50.0% #405A91	RGB 64 90 145	#405A91
66.7%	66.7% #6177A5	RGB 97 119 165	#6177A5
83.3%	83.3% #8899B9	RGB 136 153 185	#8899B9
100.0%	100.0% #B6BECE	RGB 182 190 206	#B6BECE

#001B55 #0F2C69 #24417D #405A91 #6177A5 #8899B9 #B6BECE

#001B55 - #405A91 - #B6BECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001B55 0%, #405A91 50%, #B6BECE 100%);
    background: -webkit-linear-gradient(top, #001B55 0%, #405A91 50%, #B6BECE 100%);
    background: linear-gradient(to bottom, #001B55 0%, #405A91 50%, #B6BECE 100%);
}
</style>