#1A2D37 - #BDC3C5 | 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 #1A2D37 to #BDC3C5

#1A2D37 #BDC3C5

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

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

0.0%	0.0% #1A2D37	RGB 26 45 55	#1A2D37
16.7%	16.7% #35464E	RGB 53 70 78	#35464E
33.3%	33.3% #505F66	RGB 80 95 102	#505F66
50.0%	50.0% #6B787E	RGB 107 120 126	#6B787E
66.7%	66.7% #869195	RGB 134 145 149	#869195
83.3%	83.3% #A1AAAD	RGB 161 170 173	#A1AAAD
100.0%	100.0% #BDC3C5	RGB 189 195 197	#BDC3C5

#1A2D37 #35464E #505F66 #6B787E #869195 #A1AAAD #BDC3C5

#1A2D37 - #BDC3C5

HSV Blend

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

0.0%	0.0% #1A2D37	RGB 26 45 55	#1A2D37
16.7%	16.7% #2B434E	RGB 43 67 78	#2B434E
33.3%	33.3% #405A66	RGB 64 90 102	#405A66
50.0%	50.0% #5A737E	RGB 90 115 126	#5A737E
66.7%	66.7% #778D95	RGB 119 141 149	#778D95
83.3%	83.3% #98A7AD	RGB 152 167 173	#98A7AD
100.0%	100.0% #BDC3C5	RGB 189 195 197	#BDC3C5

#1A2D37 #2B434E #405A66 #5A737E #778D95 #98A7AD #BDC3C5

#1A2D37 - #5A737E - #BDC3C5

CSS codes

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

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