#181A1D - #BDBDBE | 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 #181A1D to #BDBDBE

#181A1D #BDBDBE

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

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

0.0%	0.0% #181A1D	RGB 24 26 29	#181A1D
16.7%	16.7% #333537	RGB 51 53 55	#333537
33.3%	33.3% #4F5052	RGB 79 80 82	#4F5052
50.0%	50.0% #6A6B6D	RGB 106 107 109	#6A6B6D
66.7%	66.7% #868688	RGB 134 134 136	#868688
83.3%	83.3% #A1A1A3	RGB 161 161 163	#A1A1A3
100.0%	100.0% #BDBDBE	RGB 189 189 190	#BDBDBE

#181A1D #333537 #4F5052 #6A6B6D #868688 #A1A1A3 #BDBDBE

#181A1D - #BDBDBE

HSV Blend

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

0.0%	0.0% #181A1D	RGB 24 26 29	#181A1D
16.7%	16.7% #2F3237	RGB 47 50 55	#2F3237
33.3%	33.3% #494B52	RGB 73 75 82	#494B52
50.0%	50.0% #63656D	RGB 99 101 109	#63656D
66.7%	66.7% #808188	RGB 128 129 136	#808188
83.3%	83.3% #9D9EA3	RGB 157 158 163	#9D9EA3
100.0%	100.0% #BDBDBE	RGB 189 189 190	#BDBDBE

#181A1D #2F3237 #494B52 #63656D #808188 #9D9EA3 #BDBDBE

#181A1D - #63656D - #BDBDBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #181A1D 0%, #63656D 50%, #BDBDBE 100%);
    background: -webkit-linear-gradient(top, #181A1D 0%, #63656D 50%, #BDBDBE 100%);
    background: linear-gradient(to bottom, #181A1D 0%, #63656D 50%, #BDBDBE 100%);
}
</style>