#311036 - #000808 | 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 #311036 to #000808

#311036 #000808

Calculate the color between two colors, #311036 and #000808. 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)

#311036 - #000808 | 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 #311036 as 0% and #000808 as 100%.

0.0%	0.0% #311036	RGB 49 16 54	#311036
16.7%	16.7% #280E2E	RGB 40 14 46	#280E2E
33.3%	33.3% #200D26	RGB 32 13 38	#200D26
50.0%	50.0% #180C1F	RGB 24 12 31	#180C1F
66.7%	66.7% #100A17	RGB 16 10 23	#100A17
83.3%	83.3% #08090F	RGB 8 9 15	#08090F
100.0%	100.0% #000808	RGB 0 8 8	#000808

#311036 #280E2E #200D26 #180C1F #100A17 #08090F #000808

#311036 - #000808

HSV Blend

#311036 - #000808 | 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 #311036 as 0% and #000808 as 100%.

0.0%	0.0% #311036	RGB 49 16 54	#311036
16.7%	16.7% #1E0B2E	RGB 30 11 46	#1E0B2E
33.3%	33.3% #0F0726	RGB 15 7 38	#0F0726
50.0%	50.0% #04061F	RGB 4 6 31	#04061F
66.7%	66.7% #020A17	RGB 2 10 23	#020A17
83.3%	83.3% #000B0F	RGB 0 11 15	#000B0F
100.0%	100.0% #000808	RGB 0 8 8	#000808

#311036 #1E0B2E #0F0726 #04061F #020A17 #000B0F #000808

#311036 - #04061F - #000808

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #311036 0%, #04061F 50%, #000808 100%);
    background: -webkit-linear-gradient(top, #311036 0%, #04061F 50%, #000808 100%);
    background: linear-gradient(to bottom, #311036 0%, #04061F 50%, #000808 100%);
}
</style>