#201B3C - #BFBDC7 | 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 #201B3C to #BFBDC7

#201B3C #BFBDC7

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

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

0.0%	0.0% #201B3C	RGB 32 27 60	#201B3C
16.7%	16.7% #3A3653	RGB 58 54 83	#3A3653
33.3%	33.3% #55516A	RGB 85 81 106	#55516A
50.0%	50.0% #6F6C81	RGB 111 108 129	#6F6C81
66.7%	66.7% #8A8798	RGB 138 135 152	#8A8798
83.3%	83.3% #A4A2AF	RGB 164 162 175	#A4A2AF
100.0%	100.0% #BFBDC7	RGB 191 189 199	#BFBDC7

#201B3C #3A3653 #55516A #6F6C81 #8A8798 #A4A2AF #BFBDC7

#201B3C - #BFBDC7

HSV Blend

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

0.0%	0.0% #201B3C	RGB 32 27 60	#201B3C
16.7%	16.7% #322C53	RGB 50 44 83	#322C53
33.3%	33.3% #48416A	RGB 72 65 106	#48416A
50.0%	50.0% #615A81	RGB 97 90 129	#615A81
66.7%	66.7% #7D7798	RGB 125 119 152	#7D7798
83.3%	83.3% #9C98AF	RGB 156 152 175	#9C98AF
100.0%	100.0% #BFBDC7	RGB 191 189 199	#BFBDC7

#201B3C #322C53 #48416A #615A81 #7D7798 #9C98AF #BFBDC7

#201B3C - #615A81 - #BFBDC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201B3C 0%, #615A81 50%, #BFBDC7 100%);
    background: -webkit-linear-gradient(top, #201B3C 0%, #615A81 50%, #BFBDC7 100%);
    background: linear-gradient(to bottom, #201B3C 0%, #615A81 50%, #BFBDC7 100%);
}
</style>