#201D3E - #BFBEC7 | 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 #201D3E to #BFBEC7

#201D3E #BFBEC7

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

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

0.0%	0.0% #201D3E	RGB 32 29 62	#201D3E
16.7%	16.7% #3A3754	RGB 58 55 84	#3A3754
33.3%	33.3% #55526B	RGB 85 82 107	#55526B
50.0%	50.0% #6F6D82	RGB 111 109 130	#6F6D82
66.7%	66.7% #8A8899	RGB 138 136 153	#8A8899
83.3%	83.3% #A4A3B0	RGB 164 163 176	#A4A3B0
100.0%	100.0% #BFBEC7	RGB 191 190 199	#BFBEC7

#201D3E #3A3754 #55526B #6F6D82 #8A8899 #A4A3B0 #BFBEC7

#201D3E - #BFBEC7

HSV Blend

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

0.0%	0.0% #201D3E	RGB 32 29 62	#201D3E
16.7%	16.7% #322E54	RGB 50 46 84	#322E54
33.3%	33.3% #47436B	RGB 71 67 107	#47436B
50.0%	50.0% #605C82	RGB 96 92 130	#605C82
66.7%	66.7% #7C7999	RGB 124 121 153	#7C7999
83.3%	83.3% #9C99B0	RGB 156 153 176	#9C99B0
100.0%	100.0% #BFBEC7	RGB 191 190 199	#BFBEC7

#201D3E #322E54 #47436B #605C82 #7C7999 #9C99B0 #BFBEC7

#201D3E - #605C82 - #BFBEC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201D3E 0%, #605C82 50%, #BFBEC7 100%);
    background: -webkit-linear-gradient(top, #201D3E 0%, #605C82 50%, #BFBEC7 100%);
    background: linear-gradient(to bottom, #201D3E 0%, #605C82 50%, #BFBEC7 100%);
}
</style>