#201B2B - #BFBDC2 | 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 #201B2B to #BFBDC2

#201B2B #BFBDC2

Calculate the color between two colors, #201B2B and #BFBDC2. 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)

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

0.0%	0.0% #201B2B	RGB 32 27 43	#201B2B
16.7%	16.7% #3A3644	RGB 58 54 68	#3A3644
33.3%	33.3% #55515D	RGB 85 81 93	#55515D
50.0%	50.0% #6F6C76	RGB 111 108 118	#6F6C76
66.7%	66.7% #8A878F	RGB 138 135 143	#8A878F
83.3%	83.3% #A4A2A8	RGB 164 162 168	#A4A2A8
100.0%	100.0% #BFBDC2	RGB 191 189 194	#BFBDC2

#201B2B #3A3644 #55515D #6F6C76 #8A878F #A4A2A8 #BFBDC2

#201B2B - #BFBDC2

HSV Blend

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

0.0%	0.0% #201B2B	RGB 32 27 43	#201B2B
16.7%	16.7% #352E44	RGB 53 46 68	#352E44
33.3%	33.3% #4D455D	RGB 77 69 93	#4D455D
50.0%	50.0% #675E76	RGB 103 94 118	#675E76
66.7%	66.7% #827B8F	RGB 130 123 143	#827B8F
83.3%	83.3% #A09AA8	RGB 160 154 168	#A09AA8
100.0%	100.0% #BFBDC2	RGB 191 189 194	#BFBDC2

#201B2B #352E44 #4D455D #675E76 #827B8F #A09AA8 #BFBDC2

#201B2B - #675E76 - #BFBDC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201B2B 0%, #675E76 50%, #BFBDC2 100%);
    background: -webkit-linear-gradient(top, #201B2B 0%, #675E76 50%, #BFBDC2 100%);
    background: linear-gradient(to bottom, #201B2B 0%, #675E76 50%, #BFBDC2 100%);
}
</style>