#241300 - #C0BCB6 | 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 #241300 to #C0BCB6

#241300 #C0BCB6

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

#241300 - #C0BCB6 | 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 #241300 as 0% and #C0BCB6 as 100%.

0.0%	0.0% #241300	RGB 36 19 0	#241300
16.7%	16.7% #3E2F1E	RGB 62 47 30	#3E2F1E
33.3%	33.3% #584B3C	RGB 88 75 60	#584B3C
50.0%	50.0% #72675B	RGB 114 103 91	#72675B
66.7%	66.7% #8C8379	RGB 140 131 121	#8C8379
83.3%	83.3% #A69F97	RGB 166 159 151	#A69F97
100.0%	100.0% #C0BCB6	RGB 192 188 182	#C0BCB6

#241300 #3E2F1E #584B3C #72675B #8C8379 #A69F97 #C0BCB6

#241300 - #C0BCB6

HSV Blend

#241300 - #C0BCB6 | 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 #241300 as 0% and #C0BCB6 as 100%.

0.0%	0.0% #241300	RGB 36 19 0	#241300
16.7%	16.7% #3E2509	RGB 62 37 9	#3E2509
33.3%	33.3% #583D1B	RGB 88 61 27	#583D1B
50.0%	50.0% #725736	RGB 114 87 54	#725736
66.7%	66.7% #8C7658	RGB 140 118 88	#8C7658
83.3%	83.3% #A69783	RGB 166 151 131	#A69783
100.0%	100.0% #C0BCB6	RGB 192 188 182	#C0BCB6

#241300 #3E2509 #583D1B #725736 #8C7658 #A69783 #C0BCB6

#241300 - #725736 - #C0BCB6

CSS codes

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

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