#1B1D3B - #BDBEC7 | 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 #1B1D3B to #BDBEC7

#1B1D3B #BDBEC7

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

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

0.0%	0.0% #1B1D3B	RGB 27 29 59	#1B1D3B
16.7%	16.7% #363752	RGB 54 55 82	#363752
33.3%	33.3% #515269	RGB 81 82 105	#515269
50.0%	50.0% #6C6D81	RGB 108 109 129	#6C6D81
66.7%	66.7% #878898	RGB 135 136 152	#878898
83.3%	83.3% #A2A3AF	RGB 162 163 175	#A2A3AF
100.0%	100.0% #BDBEC7	RGB 189 190 199	#BDBEC7

#1B1D3B #363752 #515269 #6C6D81 #878898 #A2A3AF #BDBEC7

#1B1D3B - #BDBEC7

HSV Blend

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

0.0%	0.0% #1B1D3B	RGB 27 29 59	#1B1D3B
16.7%	16.7% #2C2F52	RGB 44 47 82	#2C2F52
33.3%	33.3% #414469	RGB 65 68 105	#414469
50.0%	50.0% #5A5D81	RGB 90 93 129	#5A5D81
66.7%	66.7% #777A98	RGB 119 122 152	#777A98
83.3%	83.3% #989AAF	RGB 152 154 175	#989AAF
100.0%	100.0% #BDBEC7	RGB 189 190 199	#BDBEC7

#1B1D3B #2C2F52 #414469 #5A5D81 #777A98 #989AAF #BDBEC7

#1B1D3B - #5A5D81 - #BDBEC7

CSS codes

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

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