#000000 - #3D1E3E | 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 #000000 to #3D1E3E

#000000 #3D1E3E

Calculate the color between two colors, #000000 and #3D1E3E. 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)

#000000 - #3D1E3E | 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 #000000 as 0% and #3D1E3E as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #0A050A	RGB 10 5 10	#0A050A
33.3%	33.3% #140A14	RGB 20 10 20	#140A14
50.0%	50.0% #1E0F1F	RGB 30 15 31	#1E0F1F
66.7%	66.7% #281429	RGB 40 20 41	#281429
83.3%	83.3% #321933	RGB 50 25 51	#321933
100.0%	100.0% #3D1E3E	RGB 61 30 62	#3D1E3E

#000000 #0A050A #140A14 #1E0F1F #281429 #321933 #3D1E3E

#000000 - #3D1E3E

HSV Blend

#000000 - #3D1E3E | 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 #000000 as 0% and #3D1E3E as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #0A0909	RGB 10 9 9	#0A0909
33.3%	33.3% #141112	RGB 20 17 18	#141112
50.0%	50.0% #1F171B	RGB 31 23 27	#1F171B
66.7%	66.7% #291B24	RGB 41 27 36	#291B24
83.3%	83.3% #331D30	RGB 51 29 48	#331D30
100.0%	100.0% #3D1E3E	RGB 61 30 62	#3D1E3E

#000000 #0A0909 #141112 #1F171B #291B24 #331D30 #3D1E3E

#000000 - #1F171B - #3D1E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000000 0%, #1F171B 50%, #3D1E3E 100%);
    background: -webkit-linear-gradient(top, #000000 0%, #1F171B 50%, #3D1E3E 100%);
    background: linear-gradient(to bottom, #000000 0%, #1F171B 50%, #3D1E3E 100%);
}
</style>