#241000 - #C0BBB6 | 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 #241000 to #C0BBB6

#241000 #C0BBB6

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

#241000 - #C0BBB6 | 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 #241000 as 0% and #C0BBB6 as 100%.

0.0%	0.0% #241000	RGB 36 16 0	#241000
16.7%	16.7% #3E2C1E	RGB 62 44 30	#3E2C1E
33.3%	33.3% #58493C	RGB 88 73 60	#58493C
50.0%	50.0% #72655B	RGB 114 101 91	#72655B
66.7%	66.7% #8C8279	RGB 140 130 121	#8C8279
83.3%	83.3% #A69E97	RGB 166 158 151	#A69E97
100.0%	100.0% #C0BBB6	RGB 192 187 182	#C0BBB6

#241000 #3E2C1E #58493C #72655B #8C8279 #A69E97 #C0BBB6

#241000 - #C0BBB6

HSV Blend

#241000 - #C0BBB6 | 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 #241000 as 0% and #C0BBB6 as 100%.

0.0%	0.0% #241000	RGB 36 16 0	#241000
16.7%	16.7% #3E2109	RGB 62 33 9	#3E2109
33.3%	33.3% #58371B	RGB 88 55 27	#58371B
50.0%	50.0% #725236	RGB 114 82 54	#725236
66.7%	66.7% #8C7158	RGB 140 113 88	#8C7158
83.3%	83.3% #A69483	RGB 166 148 131	#A69483
100.0%	100.0% #C0BBB6	RGB 192 187 182	#C0BBB6

#241000 #3E2109 #58371B #725236 #8C7158 #A69483 #C0BBB6

#241000 - #725236 - #C0BBB6

CSS codes

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

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