#15191C - #BCBDBE | 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 #15191C to #BCBDBE

#15191C #BCBDBE

Calculate the color between two colors, #15191C and #BCBDBE. 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)

#15191C - #BCBDBE | 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 #15191C as 0% and #BCBDBE as 100%.

0.0%	0.0% #15191C	RGB 21 25 28	#15191C
16.7%	16.7% #303437	RGB 48 52 55	#303437
33.3%	33.3% #4C4F52	RGB 76 79 82	#4C4F52
50.0%	50.0% #686B6D	RGB 104 107 109	#686B6D
66.7%	66.7% #848688	RGB 132 134 136	#848688
83.3%	83.3% #A0A1A3	RGB 160 161 163	#A0A1A3
100.0%	100.0% #BCBDBE	RGB 188 189 190	#BCBDBE

#15191C #303437 #4C4F52 #686B6D #848688 #A0A1A3 #BCBDBE

#15191C - #BCBDBE

HSV Blend

#15191C - #BCBDBE | 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 #15191C as 0% and #BCBDBE as 100%.

0.0%	0.0% #15191C	RGB 21 25 28	#15191C
16.7%	16.7% #2B3137	RGB 43 49 55	#2B3137
33.3%	33.3% #444B52	RGB 68 75 82	#444B52
50.0%	50.0% #5E666D	RGB 94 102 109	#5E666D
66.7%	66.7% #7B8288	RGB 123 130 136	#7B8288
83.3%	83.3% #9A9EA3	RGB 154 158 163	#9A9EA3
100.0%	100.0% #BCBDBE	RGB 188 189 190	#BCBDBE

#15191C #2B3137 #444B52 #5E666D #7B8288 #9A9EA3 #BCBDBE

#15191C - #5E666D - #BCBDBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15191C 0%, #5E666D 50%, #BCBDBE 100%);
    background: -webkit-linear-gradient(top, #15191C 0%, #5E666D 50%, #BCBDBE 100%);
    background: linear-gradient(to bottom, #15191C 0%, #5E666D 50%, #BCBDBE 100%);
}
</style>