#24161B - #C0BCBD | 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 #24161B to #C0BCBD

#24161B #C0BCBD

Calculate the color between two colors, #24161B and #C0BCBD. 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)

#24161B - #C0BCBD | 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 #24161B as 0% and #C0BCBD as 100%.

0.0%	0.0% #24161B	RGB 36 22 27	#24161B
16.7%	16.7% #3E3136	RGB 62 49 54	#3E3136
33.3%	33.3% #584D51	RGB 88 77 81	#584D51
50.0%	50.0% #72696C	RGB 114 105 108	#72696C
66.7%	66.7% #8C8487	RGB 140 132 135	#8C8487
83.3%	83.3% #A6A0A2	RGB 166 160 162	#A6A0A2
100.0%	100.0% #C0BCBD	RGB 192 188 189	#C0BCBD

#24161B #3E3136 #584D51 #72696C #8C8487 #A6A0A2 #C0BCBD

#24161B - #C0BCBD

HSV Blend

#24161B - #C0BCBD | 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 #24161B as 0% and #C0BCBD as 100%.

0.0%	0.0% #24161B	RGB 36 22 27	#24161B
16.7%	16.7% #3E2930	RGB 62 41 48	#3E2930
33.3%	33.3% #584048	RGB 88 64 72	#584048
50.0%	50.0% #725A61	RGB 114 90 97	#725A61
66.7%	66.7% #8C777D	RGB 140 119 125	#8C777D
83.3%	83.3% #A6989C	RGB 166 152 156	#A6989C
100.0%	100.0% #C0BCBD	RGB 192 188 189	#C0BCBD

#24161B #3E2930 #584048 #725A61 #8C777D #A6989C #C0BCBD

#24161B - #725A61 - #C0BCBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24161B 0%, #725A61 50%, #C0BCBD 100%);
    background: -webkit-linear-gradient(top, #24161B 0%, #725A61 50%, #C0BCBD 100%);
    background: linear-gradient(to bottom, #24161B 0%, #725A61 50%, #C0BCBD 100%);
}
</style>