#312C3E - #16040B | 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 #312C3E to #16040B

#312C3E #16040B

Calculate the color between two colors, #312C3E and #16040B. 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)

#312C3E - #16040B | 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 #312C3E as 0% and #16040B as 100%.

0.0%	0.0% #312C3E	RGB 49 44 62	#312C3E
16.7%	16.7% #2C2535	RGB 44 37 53	#2C2535
33.3%	33.3% #281E2D	RGB 40 30 45	#281E2D
50.0%	50.0% #231824	RGB 35 24 36	#231824
66.7%	66.7% #1F111C	RGB 31 17 28	#1F111C
83.3%	83.3% #1A0A13	RGB 26 10 19	#1A0A13
100.0%	100.0% #16040B	RGB 22 4 11	#16040B

#312C3E #2C2535 #281E2D #231824 #1F111C #1A0A13 #16040B

#312C3E - #16040B

HSV Blend

#312C3E - #16040B | 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 #312C3E as 0% and #16040B as 100%.

0.0%	0.0% #312C3E	RGB 49 44 62	#312C3E
16.7%	16.7% #2C2237	RGB 44 34 55	#2C2237
33.3%	33.3% #2A1930	RGB 42 25 48	#2A1930
50.0%	50.0% #28122A	RGB 40 18 42	#28122A
66.7%	66.7% #230C1F	RGB 35 12 31	#230C1F
83.3%	83.3% #1C0714	RGB 28 7 20	#1C0714
100.0%	100.0% #16040B	RGB 22 4 11	#16040B

#312C3E #2C2237 #2A1930 #28122A #230C1F #1C0714 #16040B

#312C3E - #28122A - #16040B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #312C3E 0%, #28122A 50%, #16040B 100%);
    background: -webkit-linear-gradient(top, #312C3E 0%, #28122A 50%, #16040B 100%);
    background: linear-gradient(to bottom, #312C3E 0%, #28122A 50%, #16040B 100%);
}
</style>