#201A1A - #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 #201A1A to #BFBDBD

#201A1A #BFBDBD

Calculate the color between two colors, #201A1A 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)

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

0.0%	0.0% #201A1A	RGB 32 26 26	#201A1A
16.7%	16.7% #3A3535	RGB 58 53 53	#3A3535
33.3%	33.3% #555050	RGB 85 80 80	#555050
50.0%	50.0% #6F6B6B	RGB 111 107 107	#6F6B6B
66.7%	66.7% #8A8686	RGB 138 134 134	#8A8686
83.3%	83.3% #A4A1A1	RGB 164 161 161	#A4A1A1
100.0%	100.0% #BFBDBD	RGB 191 189 189	#BFBDBD

#201A1A #3A3535 #555050 #6F6B6B #8A8686 #A4A1A1 #BFBDBD

#201A1A - #BFBDBD

HSV Blend

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

0.0%	0.0% #201A1A	RGB 32 26 26	#201A1A
16.7%	16.7% #3A3131	RGB 58 49 49	#3A3131
33.3%	33.3% #554A4A	RGB 85 74 74	#554A4A
50.0%	50.0% #6F6464	RGB 111 100 100	#6F6464
66.7%	66.7% #8A8080	RGB 138 128 128	#8A8080
83.3%	83.3% #A49D9D	RGB 164 157 157	#A49D9D
100.0%	100.0% #BFBDBD	RGB 191 189 189	#BFBDBD

#201A1A #3A3131 #554A4A #6F6464 #8A8080 #A49D9D #BFBDBD

#201A1A - #6F6464 - #BFBDBD

CSS codes

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

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