#1D0707 - #080202 | 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 #1D0707 to #080202

#1D0707 #080202

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

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

0.0%	0.0% #1D0707	RGB 29 7 7	#1D0707
16.7%	16.7% #190606	RGB 25 6 6	#190606
33.3%	33.3% #160505	RGB 22 5 5	#160505
50.0%	50.0% #120404	RGB 18 4 4	#120404
66.7%	66.7% #0F0303	RGB 15 3 3	#0F0303
83.3%	83.3% #0B0202	RGB 11 2 2	#0B0202
100.0%	100.0% #080202	RGB 8 2 2	#080202

#1D0707 #190606 #160505 #120404 #0F0303 #0B0202 #080202

#1D0707 - #080202

HSV Blend

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

0.0%	0.0% #1D0707	RGB 29 7 7	#1D0707
16.7%	16.7% #190606	RGB 25 6 6	#190606
33.3%	33.3% #160505	RGB 22 5 5	#160505
50.0%	50.0% #120404	RGB 18 4 4	#120404
66.7%	66.7% #0F0303	RGB 15 3 3	#0F0303
83.3%	83.3% #0B0202	RGB 11 2 2	#0B0202
100.0%	100.0% #080202	RGB 8 2 2	#080202

#1D0707 #190606 #160505 #120404 #0F0303 #0B0202 #080202

#1D0707 - #120404 - #080202

CSS codes

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

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