#1A234B - #BDC0CB | 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 #1A234B to #BDC0CB

#1A234B #BDC0CB

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

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

0.0%	0.0% #1A234B	RGB 26 35 75	#1A234B
16.7%	16.7% #353D60	RGB 53 61 96	#353D60
33.3%	33.3% #505775	RGB 80 87 117	#505775
50.0%	50.0% #6B718B	RGB 107 113 139	#6B718B
66.7%	66.7% #868BA0	RGB 134 139 160	#868BA0
83.3%	83.3% #A1A5B5	RGB 161 165 181	#A1A5B5
100.0%	100.0% #BDC0CB	RGB 189 192 203	#BDC0CB

#1A234B #353D60 #505775 #6B718B #868BA0 #A1A5B5 #BDC0CB

#1A234B - #BDC0CB

HSV Blend

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

0.0%	0.0% #1A234B	RGB 26 35 75	#1A234B
16.7%	16.7% #2A3460	RGB 42 52 96	#2A3460
33.3%	33.3% #3F4A75	RGB 63 74 117	#3F4A75
50.0%	50.0% #58628B	RGB 88 98 139	#58628B
66.7%	66.7% #767EA0	RGB 118 126 160	#767EA0
83.3%	83.3% #979DB5	RGB 151 157 181	#979DB5
100.0%	100.0% #BDC0CB	RGB 189 192 203	#BDC0CB

#1A234B #2A3460 #3F4A75 #58628B #767EA0 #979DB5 #BDC0CB

#1A234B - #58628B - #BDC0CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A234B 0%, #58628B 50%, #BDC0CB 100%);
    background: -webkit-linear-gradient(top, #1A234B 0%, #58628B 50%, #BDC0CB 100%);
    background: linear-gradient(to bottom, #1A234B 0%, #58628B 50%, #BDC0CB 100%);
}
</style>