#20163C - #BFBCC7 | 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 #20163C to #BFBCC7

#20163C #BFBCC7

Calculate the color between two colors, #20163C and #BFBCC7. 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)

#20163C - #BFBCC7 | 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 #20163C as 0% and #BFBCC7 as 100%.

0.0%	0.0% #20163C	RGB 32 22 60	#20163C
16.7%	16.7% #3A3153	RGB 58 49 83	#3A3153
33.3%	33.3% #554D6A	RGB 85 77 106	#554D6A
50.0%	50.0% #6F6981	RGB 111 105 129	#6F6981
66.7%	66.7% #8A8498	RGB 138 132 152	#8A8498
83.3%	83.3% #A4A0AF	RGB 164 160 175	#A4A0AF
100.0%	100.0% #BFBCC7	RGB 191 188 199	#BFBCC7

#20163C #3A3153 #554D6A #6F6981 #8A8498 #A4A0AF #BFBCC7

#20163C - #BFBCC7

HSV Blend

#20163C - #BFBCC7 | 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 #20163C as 0% and #BFBCC7 as 100%.

0.0%	0.0% #20163C	RGB 32 22 60	#20163C
16.7%	16.7% #322653	RGB 50 38 83	#322653
33.3%	33.3% #473B6A	RGB 71 59 106	#473B6A
50.0%	50.0% #605481	RGB 96 84 129	#605481
66.7%	66.7% #7D7298	RGB 125 114 152	#7D7298
83.3%	83.3% #9C95AF	RGB 156 149 175	#9C95AF
100.0%	100.0% #BFBCC7	RGB 191 188 199	#BFBCC7

#20163C #322653 #473B6A #605481 #7D7298 #9C95AF #BFBCC7

#20163C - #605481 - #BFBCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20163C 0%, #605481 50%, #BFBCC7 100%);
    background: -webkit-linear-gradient(top, #20163C 0%, #605481 50%, #BFBCC7 100%);
    background: linear-gradient(to bottom, #20163C 0%, #605481 50%, #BFBCC7 100%);
}
</style>