#210C24 - #BFB9C0 | 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 #210C24 to #BFB9C0

#210C24 #BFB9C0

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

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

0.0%	0.0% #210C24	RGB 33 12 36	#210C24
16.7%	16.7% #3B283E	RGB 59 40 62	#3B283E
33.3%	33.3% #554558	RGB 85 69 88	#554558
50.0%	50.0% #706272	RGB 112 98 114	#706272
66.7%	66.7% #8A7F8C	RGB 138 127 140	#8A7F8C
83.3%	83.3% #A49CA6	RGB 164 156 166	#A49CA6
100.0%	100.0% #BFB9C0	RGB 191 185 192	#BFB9C0

#210C24 #3B283E #554558 #706272 #8A7F8C #A49CA6 #BFB9C0

#210C24 - #BFB9C0

HSV Blend

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

0.0%	0.0% #210C24	RGB 33 12 36	#210C24
16.7%	16.7% #391B3E	RGB 57 27 62	#391B3E
33.3%	33.3% #522F58	RGB 82 47 88	#522F58
50.0%	50.0% #6C4972	RGB 108 73 114	#6C4972
66.7%	66.7% #87698C	RGB 135 105 140	#87698C
83.3%	83.3% #A28EA6	RGB 162 142 166	#A28EA6
100.0%	100.0% #BFB9C0	RGB 191 185 192	#BFB9C0

#210C24 #391B3E #522F58 #6C4972 #87698C #A28EA6 #BFB9C0

#210C24 - #6C4972 - #BFB9C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #210C24 0%, #6C4972 50%, #BFB9C0 100%);
    background: -webkit-linear-gradient(top, #210C24 0%, #6C4972 50%, #BFB9C0 100%);
    background: linear-gradient(to bottom, #210C24 0%, #6C4972 50%, #BFB9C0 100%);
}
</style>