#1A2D4D - #BDC3CC | 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 #1A2D4D to #BDC3CC

#1A2D4D #BDC3CC

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

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

0.0%	0.0% #1A2D4D	RGB 26 45 77	#1A2D4D
16.7%	16.7% #354662	RGB 53 70 98	#354662
33.3%	33.3% #505F77	RGB 80 95 119	#505F77
50.0%	50.0% #6B788C	RGB 107 120 140	#6B788C
66.7%	66.7% #8691A1	RGB 134 145 161	#8691A1
83.3%	83.3% #A1AAB6	RGB 161 170 182	#A1AAB6
100.0%	100.0% #BDC3CC	RGB 189 195 204	#BDC3CC

#1A2D4D #354662 #505F77 #6B788C #8691A1 #A1AAB6 #BDC3CC

#1A2D4D - #BDC3CC

HSV Blend

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

0.0%	0.0% #1A2D4D	RGB 26 45 77	#1A2D4D
16.7%	16.7% #2A3F62	RGB 42 63 98	#2A3F62
33.3%	33.3% #3F5477	RGB 63 84 119	#3F5477
50.0%	50.0% #586C8C	RGB 88 108 140	#586C8C
66.7%	66.7% #7687A1	RGB 118 135 161	#7687A1
83.3%	83.3% #97A3B6	RGB 151 163 182	#97A3B6
100.0%	100.0% #BDC3CC	RGB 189 195 204	#BDC3CC

#1A2D4D #2A3F62 #3F5477 #586C8C #7687A1 #97A3B6 #BDC3CC

#1A2D4D - #586C8C - #BDC3CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2D4D 0%, #586C8C 50%, #BDC3CC 100%);
    background: -webkit-linear-gradient(top, #1A2D4D 0%, #586C8C 50%, #BDC3CC 100%);
    background: linear-gradient(to bottom, #1A2D4D 0%, #586C8C 50%, #BDC3CC 100%);
}
</style>