#320D0D - #C4B9B9 | 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 #320D0D to #C4B9B9

#320D0D #C4B9B9

Calculate the color between two colors, #320D0D and #C4B9B9. 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)

#320D0D - #C4B9B9 | 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 #320D0D as 0% and #C4B9B9 as 100%.

0.0%	0.0% #320D0D	RGB 50 13 13	#320D0D
16.7%	16.7% #4A2929	RGB 74 41 41	#4A2929
33.3%	33.3% #624646	RGB 98 70 70	#624646
50.0%	50.0% #7B6363	RGB 123 99 99	#7B6363
66.7%	66.7% #937F7F	RGB 147 127 127	#937F7F
83.3%	83.3% #AB9C9C	RGB 171 156 156	#AB9C9C
100.0%	100.0% #C4B9B9	RGB 196 185 185	#C4B9B9

#320D0D #4A2929 #624646 #7B6363 #937F7F #AB9C9C #C4B9B9

#320D0D - #C4B9B9

HSV Blend

#320D0D - #C4B9B9 | 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 #320D0D as 0% and #C4B9B9 as 100%.

0.0%	0.0% #320D0D	RGB 50 13 13	#320D0D
16.7%	16.7% #4A1B1B	RGB 74 27 27	#4A1B1B
33.3%	33.3% #623030	RGB 98 48 48	#623030
50.0%	50.0% #7B4A4A	RGB 123 74 74	#7B4A4A
66.7%	66.7% #936969	RGB 147 105 105	#936969
83.3%	83.3% #AB8E8E	RGB 171 142 142	#AB8E8E
100.0%	100.0% #C4B9B9	RGB 196 185 185	#C4B9B9

#320D0D #4A1B1B #623030 #7B4A4A #936969 #AB8E8E #C4B9B9

#320D0D - #7B4A4A - #C4B9B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #320D0D 0%, #7B4A4A 50%, #C4B9B9 100%);
    background: -webkit-linear-gradient(top, #320D0D 0%, #7B4A4A 50%, #C4B9B9 100%);
    background: linear-gradient(to bottom, #320D0D 0%, #7B4A4A 50%, #C4B9B9 100%);
}
</style>