#1D191B - #210007 | 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 #1D191B to #210007

#1D191B #210007

Calculate the color between two colors, #1D191B and #210007. 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)

#1D191B - #210007 | 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 #1D191B as 0% and #210007 as 100%.

0.0%	0.0% #1D191B	RGB 29 25 27	#1D191B
16.7%	16.7% #1D1417	RGB 29 20 23	#1D1417
33.3%	33.3% #1E1014	RGB 30 16 20	#1E1014
50.0%	50.0% #1F0C11	RGB 31 12 17	#1F0C11
66.7%	66.7% #1F080D	RGB 31 8 13	#1F080D
83.3%	83.3% #20040A	RGB 32 4 10	#20040A
100.0%	100.0% #210007	RGB 33 0 7	#210007

#1D191B #1D1417 #1E1014 #1F0C11 #1F080D #20040A #210007

#1D191B - #210007

HSV Blend

#1D191B - #210007 | 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 #1D191B as 0% and #210007 as 100%.

0.0%	0.0% #1D191B	RGB 29 25 27	#1D191B
16.7%	16.7% #1D1519	RGB 29 21 25	#1D1519
33.3%	33.3% #1E1116	RGB 30 17 22	#1E1116
50.0%	50.0% #1F0D13	RGB 31 13 19	#1F0D13
66.7%	66.7% #1F0910	RGB 31 9 16	#1F0910
83.3%	83.3% #20040B	RGB 32 4 11	#20040B
100.0%	100.0% #210007	RGB 33 0 7	#210007

#1D191B #1D1519 #1E1116 #1F0D13 #1F0910 #20040B #210007

#1D191B - #1F0D13 - #210007

CSS codes

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

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