#1A3669 - #BDC5D4 | 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 #1A3669 to #BDC5D4

#1A3669 #BDC5D4

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

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

0.0%	0.0% #1A3669	RGB 26 54 105	#1A3669
16.7%	16.7% #354D7A	RGB 53 77 122	#354D7A
33.3%	33.3% #50658C	RGB 80 101 140	#50658C
50.0%	50.0% #6B7D9E	RGB 107 125 158	#6B7D9E
66.7%	66.7% #8695B0	RGB 134 149 176	#8695B0
83.3%	83.3% #A1ADC2	RGB 161 173 194	#A1ADC2
100.0%	100.0% #BDC5D4	RGB 189 197 212	#BDC5D4

#1A3669 #354D7A #50658C #6B7D9E #8695B0 #A1ADC2 #BDC5D4

#1A3669 - #BDC5D4

HSV Blend

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

0.0%	0.0% #1A3569	RGB 26 53 105	#1A3569
16.7%	16.7% #2B477A	RGB 43 71 122	#2B477A
33.3%	33.3% #415B8C	RGB 65 91 140	#415B8C
50.0%	50.0% #5A729E	RGB 90 114 158	#5A729E
66.7%	66.7% #778BB0	RGB 119 139 176	#778BB0
83.3%	83.3% #98A6C2	RGB 152 166 194	#98A6C2
100.0%	100.0% #BDC5D4	RGB 189 197 212	#BDC5D4

#1A3569 #2B477A #415B8C #5A729E #778BB0 #98A6C2 #BDC5D4

#1A3669 - #5A729E - #BDC5D4

CSS codes

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

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