#201A2F - #BFBDC3 | 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 #201A2F to #BFBDC3

#201A2F #BFBDC3

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

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

0.0%	0.0% #201A2F	RGB 32 26 47	#201A2F
16.7%	16.7% #3A3547	RGB 58 53 71	#3A3547
33.3%	33.3% #555060	RGB 85 80 96	#555060
50.0%	50.0% #6F6B79	RGB 111 107 121	#6F6B79
66.7%	66.7% #8A8691	RGB 138 134 145	#8A8691
83.3%	83.3% #A4A1AA	RGB 164 161 170	#A4A1AA
100.0%	100.0% #BFBDC3	RGB 191 189 195	#BFBDC3

#201A2F #3A3547 #555060 #6F6B79 #8A8691 #A4A1AA #BFBDC3

#201A2F - #BFBDC3

HSV Blend

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

0.0%	0.0% #201A2F	RGB 32 26 47	#201A2F
16.7%	16.7% #342C47	RGB 52 44 71	#342C47
33.3%	33.3% #4B4260	RGB 75 66 96	#4B4260
50.0%	50.0% #655C79	RGB 101 92 121	#655C79
66.7%	66.7% #807891	RGB 128 120 145	#807891
83.3%	83.3% #9E99AA	RGB 158 153 170	#9E99AA
100.0%	100.0% #BFBDC3	RGB 191 189 195	#BFBDC3

#201A2F #342C47 #4B4260 #655C79 #807891 #9E99AA #BFBDC3

#201A2F - #655C79 - #BFBDC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201A2F 0%, #655C79 50%, #BFBDC3 100%);
    background: -webkit-linear-gradient(top, #201A2F 0%, #655C79 50%, #BFBDC3 100%);
    background: linear-gradient(to bottom, #201A2F 0%, #655C79 50%, #BFBDC3 100%);
}
</style>