#231624 - #BFBCC0 | 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 #231624 to #BFBCC0

#231624 #BFBCC0

Calculate the color between two colors, #231624 and #BFBCC0. 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)

#231624 - #BFBCC0 | 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 #231624 as 0% and #BFBCC0 as 100%.

0.0%	0.0% #231624	RGB 35 22 36	#231624
16.7%	16.7% #3D313E	RGB 61 49 62	#3D313E
33.3%	33.3% #574D58	RGB 87 77 88	#574D58
50.0%	50.0% #716972	RGB 113 105 114	#716972
66.7%	66.7% #8B848C	RGB 139 132 140	#8B848C
83.3%	83.3% #A5A0A6	RGB 165 160 166	#A5A0A6
100.0%	100.0% #BFBCC0	RGB 191 188 192	#BFBCC0

#231624 #3D313E #574D58 #716972 #8B848C #A5A0A6 #BFBCC0

#231624 - #BFBCC0

HSV Blend

#231624 - #BFBCC0 | 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 #231624 as 0% and #BFBCC0 as 100%.

0.0%	0.0% #231624	RGB 35 22 36	#231624
16.7%	16.7% #3B293E	RGB 59 41 62	#3B293E
33.3%	33.3% #544058	RGB 84 64 88	#544058
50.0%	50.0% #6E5A72	RGB 110 90 114	#6E5A72
66.7%	66.7% #88778C	RGB 136 119 140	#88778C
83.3%	83.3% #A298A6	RGB 162 152 166	#A298A6
100.0%	100.0% #BFBCC0	RGB 191 188 192	#BFBCC0

#231624 #3B293E #544058 #6E5A72 #88778C #A298A6 #BFBCC0

#231624 - #6E5A72 - #BFBCC0

CSS codes

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

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