#181C2B - #BDBEC2 | 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 #181C2B to #BDBEC2

#181C2B #BDBEC2

Calculate the color between two colors, #181C2B and #BDBEC2. 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)

#181C2B - #BDBEC2 | 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 #181C2B as 0% and #BDBEC2 as 100%.

0.0%	0.0% #181C2B	RGB 24 28 43	#181C2B
16.7%	16.7% #333744	RGB 51 55 68	#333744
33.3%	33.3% #4F525D	RGB 79 82 93	#4F525D
50.0%	50.0% #6A6D76	RGB 106 109 118	#6A6D76
66.7%	66.7% #86888F	RGB 134 136 143	#86888F
83.3%	83.3% #A1A3A8	RGB 161 163 168	#A1A3A8
100.0%	100.0% #BDBEC2	RGB 189 190 194	#BDBEC2

#181C2B #333744 #4F525D #6A6D76 #86888F #A1A3A8 #BDBEC2

#181C2B - #BDBEC2

HSV Blend

#181C2B - #BDBEC2 | 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 #181C2B as 0% and #BDBEC2 as 100%.

0.0%	0.0% #181C2B	RGB 24 28 43	#181C2B
16.7%	16.7% #2A3044	RGB 42 48 68	#2A3044
33.3%	33.3% #41465D	RGB 65 70 93	#41465D
50.0%	50.0% #5A6076	RGB 90 96 118	#5A6076
66.7%	66.7% #787C8F	RGB 120 124 143	#787C8F
83.3%	83.3% #989CA8	RGB 152 156 168	#989CA8
100.0%	100.0% #BDBEC2	RGB 189 190 194	#BDBEC2

#181C2B #2A3044 #41465D #5A6076 #787C8F #989CA8 #BDBEC2

#181C2B - #5A6076 - #BDBEC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #181C2B 0%, #5A6076 50%, #BDBEC2 100%);
    background: -webkit-linear-gradient(top, #181C2B 0%, #5A6076 50%, #BDBEC2 100%);
    background: linear-gradient(to bottom, #181C2B 0%, #5A6076 50%, #BDBEC2 100%);
}
</style>