#1B2B5D - #BDC2D0 | 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 #1B2B5D to #BDC2D0

#1B2B5D #BDC2D0

Calculate the color between two colors, #1B2B5D and #BDC2D0. 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)

#1B2B5D - #BDC2D0 | 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 #1B2B5D as 0% and #BDC2D0 as 100%.

0.0%	0.0% #1B2B5D	RGB 27 43 93	#1B2B5D
16.7%	16.7% #364470	RGB 54 68 112	#364470
33.3%	33.3% #515D83	RGB 81 93 131	#515D83
50.0%	50.0% #6C7696	RGB 108 118 150	#6C7696
66.7%	66.7% #878FA9	RGB 135 143 169	#878FA9
83.3%	83.3% #A2A8BC	RGB 162 168 188	#A2A8BC
100.0%	100.0% #BDC2D0	RGB 189 194 208	#BDC2D0

#1B2B5D #364470 #515D83 #6C7696 #878FA9 #A2A8BC #BDC2D0

#1B2B5D - #BDC2D0

HSV Blend

#1B2B5D - #BDC2D0 | 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 #1B2B5D as 0% and #BDC2D0 as 100%.

0.0%	0.0% #1B2B5D	RGB 27 43 93	#1B2B5D
16.7%	16.7% #2C3C70	RGB 44 60 112	#2C3C70
33.3%	33.3% #415183	RGB 65 81 131	#415183
50.0%	50.0% #5A6996	RGB 90 105 150	#5A6996
66.7%	66.7% #7784A9	RGB 119 132 169	#7784A9
83.3%	83.3% #98A1BC	RGB 152 161 188	#98A1BC
100.0%	100.0% #BDC2D0	RGB 189 194 208	#BDC2D0

#1B2B5D #2C3C70 #415183 #5A6996 #7784A9 #98A1BC #BDC2D0

#1B2B5D - #5A6996 - #BDC2D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B2B5D 0%, #5A6996 50%, #BDC2D0 100%);
    background: -webkit-linear-gradient(top, #1B2B5D 0%, #5A6996 50%, #BDC2D0 100%);
    background: linear-gradient(to bottom, #1B2B5D 0%, #5A6996 50%, #BDC2D0 100%);
}
</style>