#330B08 - #C4B9B8 | 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 #330B08 to #C4B9B8

#330B08 #C4B9B8

Calculate the color between two colors, #330B08 and #C4B9B8. 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)

#330B08 - #C4B9B8 | 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 #330B08 as 0% and #C4B9B8 as 100%.

0.0%	0.0% #330B08	RGB 51 11 8	#330B08
16.7%	16.7% #4B2825	RGB 75 40 37	#4B2825
33.3%	33.3% #634542	RGB 99 69 66	#634542
50.0%	50.0% #7B6260	RGB 123 98 96	#7B6260
66.7%	66.7% #937F7D	RGB 147 127 125	#937F7D
83.3%	83.3% #AB9C9A	RGB 171 156 154	#AB9C9A
100.0%	100.0% #C4B9B8	RGB 196 185 184	#C4B9B8

#330B08 #4B2825 #634542 #7B6260 #937F7D #AB9C9A #C4B9B8

#330B08 - #C4B9B8

HSV Blend

#330B08 - #C4B9B8 | 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 #330B08 as 0% and #C4B9B8 as 100%.

0.0%	0.0% #330B08	RGB 51 11 8	#330B08
16.7%	16.7% #4B1915	RGB 75 25 21	#4B1915
33.3%	33.3% #632D29	RGB 99 45 41	#632D29
50.0%	50.0% #7B4743	RGB 123 71 67	#7B4743
66.7%	66.7% #936764	RGB 147 103 100	#936764
83.3%	83.3% #AB8D8A	RGB 171 141 138	#AB8D8A
100.0%	100.0% #C4B9B8	RGB 196 185 184	#C4B9B8

#330B08 #4B1915 #632D29 #7B4743 #936764 #AB8D8A #C4B9B8

#330B08 - #7B4743 - #C4B9B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #330B08 0%, #7B4743 50%, #C4B9B8 100%);
    background: -webkit-linear-gradient(top, #330B08 0%, #7B4743 50%, #C4B9B8 100%);
    background: linear-gradient(to bottom, #330B08 0%, #7B4743 50%, #C4B9B8 100%);
}
</style>