#210A2B - #BFB9C2 | 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 #210A2B to #BFB9C2

#210A2B #BFB9C2

Calculate the color between two colors, #210A2B and #BFB9C2. 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)

#210A2B - #BFB9C2 | 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 #210A2B as 0% and #BFB9C2 as 100%.

0.0%	0.0% #210A2B	RGB 33 10 43	#210A2B
16.7%	16.7% #3B2744	RGB 59 39 68	#3B2744
33.3%	33.3% #55445D	RGB 85 68 93	#55445D
50.0%	50.0% #706176	RGB 112 97 118	#706176
66.7%	66.7% #8A7E8F	RGB 138 126 143	#8A7E8F
83.3%	83.3% #A49BA8	RGB 164 155 168	#A49BA8
100.0%	100.0% #BFB9C2	RGB 191 185 194	#BFB9C2

#210A2B #3B2744 #55445D #706176 #8A7E8F #A49BA8 #BFB9C2

#210A2B - #BFB9C2

HSV Blend

#210A2B - #BFB9C2 | 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 #210A2B as 0% and #BFB9C2 as 100%.

0.0%	0.0% #200A2B	RGB 32 10 43	#200A2B
16.7%	16.7% #361844	RGB 54 24 68	#361844
33.3%	33.3% #4D2C5D	RGB 77 44 93	#4D2C5D
50.0%	50.0% #674676	RGB 103 70 118	#674676
66.7%	66.7% #82668F	RGB 130 102 143	#82668F
83.3%	83.3% #9F8CA8	RGB 159 140 168	#9F8CA8
100.0%	100.0% #BFB9C2	RGB 191 185 194	#BFB9C2

#200A2B #361844 #4D2C5D #674676 #82668F #9F8CA8 #BFB9C2

#210A2B - #674676 - #BFB9C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200A2B 0%, #674676 50%, #BFB9C2 100%);
    background: -webkit-linear-gradient(top, #200A2B 0%, #674676 50%, #BFB9C2 100%);
    background: linear-gradient(to bottom, #200A2B 0%, #674676 50%, #BFB9C2 100%);
}
</style>