#4B0500 - #CBB7B6 | 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 #4B0500 to #CBB7B6

#4B0500 #CBB7B6

Calculate the color between two colors, #4B0500 and #CBB7B6. 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)

#4B0500 - #CBB7B6 | 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 #4B0500 as 0% and #CBB7B6 as 100%.

0.0%	0.0% #4B0500	RGB 75 5 0	#4B0500
16.7%	16.7% #60221E	RGB 96 34 30	#60221E
33.3%	33.3% #75403C	RGB 117 64 60	#75403C
50.0%	50.0% #8B5E5B	RGB 139 94 91	#8B5E5B
66.7%	66.7% #A07B79	RGB 160 123 121	#A07B79
83.3%	83.3% #B59997	RGB 181 153 151	#B59997
100.0%	100.0% #CBB7B6	RGB 203 183 182	#CBB7B6

#4B0500 #60221E #75403C #8B5E5B #A07B79 #B59997 #CBB7B6

#4B0500 - #CBB7B6

HSV Blend

#4B0500 - #CBB7B6 | 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 #4B0500 as 0% and #CBB7B6 as 100%.

0.0%	0.0% #4B0500	RGB 75 5 0	#4B0500
16.7%	16.7% #60130E	RGB 96 19 14	#60130E
33.3%	33.3% #752823	RGB 117 40 35	#752823
50.0%	50.0% #8B423E	RGB 139 66 62	#8B423E
66.7%	66.7% #A0635F	RGB 160 99 95	#A0635F
83.3%	83.3% #B58A87	RGB 181 138 135	#B58A87
100.0%	100.0% #CBB7B6	RGB 203 183 182	#CBB7B6

#4B0500 #60130E #752823 #8B423E #A0635F #B58A87 #CBB7B6

#4B0500 - #8B423E - #CBB7B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B0500 0%, #8B423E 50%, #CBB7B6 100%);
    background: -webkit-linear-gradient(top, #4B0500 0%, #8B423E 50%, #CBB7B6 100%);
    background: linear-gradient(to bottom, #4B0500 0%, #8B423E 50%, #CBB7B6 100%);
}
</style>