#201E5E - #BEBED1 | 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 #201E5E to #BEBED1

#201E5E #BEBED1

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

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

0.0%	0.0% #201E5E	RGB 32 30 94	#201E5E
16.7%	16.7% #3A3871	RGB 58 56 113	#3A3871
33.3%	33.3% #545384	RGB 84 83 132	#545384
50.0%	50.0% #6F6E97	RGB 111 110 151	#6F6E97
66.7%	66.7% #8988AA	RGB 137 136 170	#8988AA
83.3%	83.3% #A3A3BD	RGB 163 163 189	#A3A3BD
100.0%	100.0% #BEBED1	RGB 190 190 209	#BEBED1

#201E5E #3A3871 #545384 #6F6E97 #8988AA #A3A3BD #BEBED1

#201E5E - #BEBED1

HSV Blend

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

0.0%	0.0% #201E5E	RGB 32 30 94	#201E5E
16.7%	16.7% #302F71	RGB 48 47 113	#302F71
33.3%	33.3% #454484	RGB 69 68 132	#454484
50.0%	50.0% #5D5D97	RGB 93 93 151	#5D5D97
66.7%	66.7% #7A79AA	RGB 122 121 170	#7A79AA
83.3%	83.3% #9A99BD	RGB 154 153 189	#9A99BD
100.0%	100.0% #BEBED1	RGB 190 190 209	#BEBED1

#201E5E #302F71 #454484 #5D5D97 #7A79AA #9A99BD #BEBED1

#201E5E - #5D5D97 - #BEBED1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201E5E 0%, #5D5D97 50%, #BEBED1 100%);
    background: -webkit-linear-gradient(top, #201E5E 0%, #5D5D97 50%, #BEBED1 100%);
    background: linear-gradient(to bottom, #201E5E 0%, #5D5D97 50%, #BEBED1 100%);
}
</style>