#4C0F08 - #CBBAB8 | 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 #4C0F08 to #CBBAB8

#4C0F08 #CBBAB8

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

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

0.0%	0.0% #4C0F08	RGB 76 15 8	#4C0F08
16.7%	16.7% #612B25	RGB 97 43 37	#612B25
33.3%	33.3% #764842	RGB 118 72 66	#764842
50.0%	50.0% #8B6460	RGB 139 100 96	#8B6460
66.7%	66.7% #A0817D	RGB 160 129 125	#A0817D
83.3%	83.3% #B59D9A	RGB 181 157 154	#B59D9A
100.0%	100.0% #CBBAB8	RGB 203 186 184	#CBBAB8

#4C0F08 #612B25 #764842 #8B6460 #A0817D #B59D9A #CBBAB8

#4C0F08 - #CBBAB8

HSV Blend

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

0.0%	0.0% #4C0F08	RGB 76 15 8	#4C0F08
16.7%	16.7% #611E17	RGB 97 30 23	#611E17
33.3%	33.3% #76332C	RGB 118 51 44	#76332C
50.0%	50.0% #8B4D46	RGB 139 77 70	#8B4D46
66.7%	66.7% #A06C66	RGB 160 108 102	#A06C66
83.3%	83.3% #B5908C	RGB 181 144 140	#B5908C
100.0%	100.0% #CBBAB8	RGB 203 186 184	#CBBAB8

#4C0F08 #611E17 #76332C #8B4D46 #A06C66 #B5908C #CBBAB8

#4C0F08 - #8B4D46 - #CBBAB8

CSS codes

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

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