#20181B - #BFBDBD | 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 #20181B to #BFBDBD

#20181B #BFBDBD

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

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

0.0%	0.0% #20181B	RGB 32 24 27	#20181B
16.7%	16.7% #3A3336	RGB 58 51 54	#3A3336
33.3%	33.3% #554F51	RGB 85 79 81	#554F51
50.0%	50.0% #6F6A6C	RGB 111 106 108	#6F6A6C
66.7%	66.7% #8A8687	RGB 138 134 135	#8A8687
83.3%	83.3% #A4A1A2	RGB 164 161 162	#A4A1A2
100.0%	100.0% #BFBDBD	RGB 191 189 189	#BFBDBD

#20181B #3A3336 #554F51 #6F6A6C #8A8687 #A4A1A2 #BFBDBD

#20181B - #BFBDBD

HSV Blend

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

0.0%	0.0% #20181B	RGB 32 24 27	#20181B
16.7%	16.7% #3A2E32	RGB 58 46 50	#3A2E32
33.3%	33.3% #55464A	RGB 85 70 74	#55464A
50.0%	50.0% #6F6063	RGB 111 96 99	#6F6063
66.7%	66.7% #8A7D7F	RGB 138 125 127	#8A7D7F
83.3%	83.3% #A49C9C	RGB 164 156 156	#A49C9C
100.0%	100.0% #BFBDBD	RGB 191 189 189	#BFBDBD

#20181B #3A2E32 #55464A #6F6063 #8A7D7F #A49C9C #BFBDBD

#20181B - #6F6063 - #BFBDBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20181B 0%, #6F6063 50%, #BFBDBD 100%);
    background: -webkit-linear-gradient(top, #20181B 0%, #6F6063 50%, #BFBDBD 100%);
    background: linear-gradient(to bottom, #20181B 0%, #6F6063 50%, #BFBDBD 100%);
}
</style>