#201A1D - #BFBDBE | 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 #201A1D to #BFBDBE

#201A1D #BFBDBE

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

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

0.0%	0.0% #201A1D	RGB 32 26 29	#201A1D
16.7%	16.7% #3A3537	RGB 58 53 55	#3A3537
33.3%	33.3% #555052	RGB 85 80 82	#555052
50.0%	50.0% #6F6B6D	RGB 111 107 109	#6F6B6D
66.7%	66.7% #8A8688	RGB 138 134 136	#8A8688
83.3%	83.3% #A4A1A3	RGB 164 161 163	#A4A1A3
100.0%	100.0% #BFBDBE	RGB 191 189 190	#BFBDBE

#201A1D #3A3537 #555052 #6F6B6D #8A8688 #A4A1A3 #BFBDBE

#201A1D - #BFBDBE

HSV Blend

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

0.0%	0.0% #201A1D	RGB 32 26 29	#201A1D
16.7%	16.7% #3A3135	RGB 58 49 53	#3A3135
33.3%	33.3% #554A4F	RGB 85 74 79	#554A4F
50.0%	50.0% #6F6469	RGB 111 100 105	#6F6469
66.7%	66.7% #8A8085	RGB 138 128 133	#8A8085
83.3%	83.3% #A49DA1	RGB 164 157 161	#A49DA1
100.0%	100.0% #BFBDBE	RGB 191 189 190	#BFBDBE

#201A1D #3A3135 #554A4F #6F6469 #8A8085 #A49DA1 #BFBDBE

#201A1D - #6F6469 - #BFBDBE

CSS codes

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

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