#15181B - #BCBDBD | 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 #15181B to #BCBDBD

#15181B #BCBDBD

Calculate the color between two colors, #15181B and #BCBDBD. 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)

#15181B - #BCBDBD | 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 #15181B as 0% and #BCBDBD as 100%.

0.0%	0.0% #15181B	RGB 21 24 27	#15181B
16.7%	16.7% #303336	RGB 48 51 54	#303336
33.3%	33.3% #4C4F51	RGB 76 79 81	#4C4F51
50.0%	50.0% #686A6C	RGB 104 106 108	#686A6C
66.7%	66.7% #848687	RGB 132 134 135	#848687
83.3%	83.3% #A0A1A2	RGB 160 161 162	#A0A1A2
100.0%	100.0% #BCBDBD	RGB 188 189 189	#BCBDBD

#15181B #303336 #4C4F51 #686A6C #848687 #A0A1A2 #BCBDBD

#15181B - #BCBDBD

HSV Blend

#15181B - #BCBDBD | 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 #15181B as 0% and #BCBDBD as 100%.

0.0%	0.0% #15181B	RGB 21 24 27	#15181B
16.7%	16.7% #2B3136	RGB 43 49 54	#2B3136
33.3%	33.3% #444C51	RGB 68 76 81	#444C51
50.0%	50.0% #5F686C	RGB 95 104 108	#5F686C
66.7%	66.7% #7C8587	RGB 124 133 135	#7C8587
83.3%	83.3% #9BA1A2	RGB 155 161 162	#9BA1A2
100.0%	100.0% #BCBDBD	RGB 188 189 189	#BCBDBD

#15181B #2B3136 #444C51 #5F686C #7C8587 #9BA1A2 #BCBDBD

#15181B - #5F686C - #BCBDBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15181B 0%, #5F686C 50%, #BCBDBD 100%);
    background: -webkit-linear-gradient(top, #15181B 0%, #5F686C 50%, #BCBDBD 100%);
    background: linear-gradient(to bottom, #15181B 0%, #5F686C 50%, #BCBDBD 100%);
}
</style>