#331A1A - #C4BDBD | 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 #331A1A to #C4BDBD

#331A1A #C4BDBD

Calculate the color between two colors, #331A1A and #C4BDBD. 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)

#331A1A - #C4BDBD | 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 #331A1A as 0% and #C4BDBD as 100%.

0.0%	0.0% #331A1A	RGB 51 26 26	#331A1A
16.7%	16.7% #4B3535	RGB 75 53 53	#4B3535
33.3%	33.3% #635050	RGB 99 80 80	#635050
50.0%	50.0% #7B6B6B	RGB 123 107 107	#7B6B6B
66.7%	66.7% #938686	RGB 147 134 134	#938686
83.3%	83.3% #ABA1A1	RGB 171 161 161	#ABA1A1
100.0%	100.0% #C4BDBD	RGB 196 189 189	#C4BDBD

#331A1A #4B3535 #635050 #7B6B6B #938686 #ABA1A1 #C4BDBD

#331A1A - #C4BDBD

HSV Blend

#331A1A - #C4BDBD | 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 #331A1A as 0% and #C4BDBD as 100%.

0.0%	0.0% #331A1A	RGB 51 26 26	#331A1A
16.7%	16.7% #4B2C2C	RGB 75 44 44	#4B2C2C
33.3%	33.3% #634141	RGB 99 65 65	#634141
50.0%	50.0% #7B5B5B	RGB 123 91 91	#7B5B5B
66.7%	66.7% #937878	RGB 147 120 120	#937878
83.3%	83.3% #AB9898	RGB 171 152 152	#AB9898
100.0%	100.0% #C4BDBD	RGB 196 189 189	#C4BDBD

#331A1A #4B2C2C #634141 #7B5B5B #937878 #AB9898 #C4BDBD

#331A1A - #7B5B5B - #C4BDBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #331A1A 0%, #7B5B5B 50%, #C4BDBD 100%);
    background: -webkit-linear-gradient(top, #331A1A 0%, #7B5B5B 50%, #C4BDBD 100%);
    background: linear-gradient(to bottom, #331A1A 0%, #7B5B5B 50%, #C4BDBD 100%);
}
</style>