#241A13 - #C0BDBB | 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 #241A13 to #C0BDBB

#241A13 #C0BDBB

Calculate the color between two colors, #241A13 and #C0BDBB. 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)

#241A13 - #C0BDBB | 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 #241A13 as 0% and #C0BDBB as 100%.

0.0%	0.0% #241A13	RGB 36 26 19	#241A13
16.7%	16.7% #3E352F	RGB 62 53 47	#3E352F
33.3%	33.3% #58504B	RGB 88 80 75	#58504B
50.0%	50.0% #726B67	RGB 114 107 103	#726B67
66.7%	66.7% #8C8683	RGB 140 134 131	#8C8683
83.3%	83.3% #A6A19F	RGB 166 161 159	#A6A19F
100.0%	100.0% #C0BDBB	RGB 192 189 187	#C0BDBB

#241A13 #3E352F #58504B #726B67 #8C8683 #A6A19F #C0BDBB

#241A13 - #C0BDBB

HSV Blend

#241A13 - #C0BDBB | 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 #241A13 as 0% and #C0BDBB as 100%.

0.0%	0.0% #241A13	RGB 36 26 19	#241A13
16.7%	16.7% #3E2F25	RGB 62 47 37	#3E2F25
33.3%	33.3% #58473B	RGB 88 71 59	#58473B
50.0%	50.0% #726155	RGB 114 97 85	#726155
66.7%	66.7% #8C7D73	RGB 140 125 115	#8C7D73
83.3%	83.3% #A69C95	RGB 166 156 149	#A69C95
100.0%	100.0% #C0BDBB	RGB 192 189 187	#C0BDBB

#241A13 #3E2F25 #58473B #726155 #8C7D73 #A69C95 #C0BDBB

#241A13 - #726155 - #C0BDBB

CSS codes

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

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