#201C24 - #BFBEC0 | 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 #201C24 to #BFBEC0

#201C24 #BFBEC0

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

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

0.0%	0.0% #201C24	RGB 32 28 36	#201C24
16.7%	16.7% #3A373E	RGB 58 55 62	#3A373E
33.3%	33.3% #555258	RGB 85 82 88	#555258
50.0%	50.0% #6F6D72	RGB 111 109 114	#6F6D72
66.7%	66.7% #8A888C	RGB 138 136 140	#8A888C
83.3%	83.3% #A4A3A6	RGB 164 163 166	#A4A3A6
100.0%	100.0% #BFBEC0	RGB 191 190 192	#BFBEC0

#201C24 #3A373E #555258 #6F6D72 #8A888C #A4A3A6 #BFBEC0

#201C24 - #BFBEC0

HSV Blend

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

0.0%	0.0% #201C24	RGB 32 28 36	#201C24
16.7%	16.7% #38323E	RGB 56 50 62	#38323E
33.3%	33.3% #514A58	RGB 81 74 88	#514A58
50.0%	50.0% #6B6472	RGB 107 100 114	#6B6472
66.7%	66.7% #86808C	RGB 134 128 140	#86808C
83.3%	83.3% #A29EA6	RGB 162 158 166	#A29EA6
100.0%	100.0% #BFBEC0	RGB 191 190 192	#BFBEC0

#201C24 #38323E #514A58 #6B6472 #86808C #A29EA6 #BFBEC0

#201C24 - #6B6472 - #BFBEC0

CSS codes

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

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