#331D3C - #09080A | 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 #331D3C to #09080A

#331D3C #09080A

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

#331D3C - #09080A | 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 #331D3C as 0% and #09080A as 100%.

0.0%	0.0% #331D3C	RGB 51 29 60	#331D3C
16.7%	16.7% #2C1933	RGB 44 25 51	#2C1933
33.3%	33.3% #25162B	RGB 37 22 43	#25162B
50.0%	50.0% #1E1223	RGB 30 18 35	#1E1223
66.7%	66.7% #170F1A	RGB 23 15 26	#170F1A
83.3%	83.3% #100B12	RGB 16 11 18	#100B12
100.0%	100.0% #09080A	RGB 9 8 10	#09080A

#331D3C #2C1933 #25162B #1E1223 #170F1A #100B12 #09080A

#331D3C - #09080A

HSV Blend

#331D3C - #09080A | 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 #331D3C as 0% and #09080A as 100%.

0.0%	0.0% #331D3C	RGB 51 29 60	#331D3C
16.7%	16.7% #2B1B33	RGB 43 27 51	#2B1B33
33.3%	33.3% #24192B	RGB 36 25 43	#24192B
50.0%	50.0% #1E1623	RGB 30 22 35	#1E1623
66.7%	66.7% #17121A	RGB 23 18 26	#17121A
83.3%	83.3% #100D12	RGB 16 13 18	#100D12
100.0%	100.0% #09080A	RGB 9 8 10	#09080A

#331D3C #2B1B33 #24192B #1E1623 #17121A #100D12 #09080A

#331D3C - #1E1623 - #09080A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #331D3C 0%, #1E1623 50%, #09080A 100%);
    background: -webkit-linear-gradient(top, #331D3C 0%, #1E1623 50%, #09080A 100%);
    background: linear-gradient(to bottom, #331D3C 0%, #1E1623 50%, #09080A 100%);
}
</style>