#000000 - #2D1300 | 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 #2D1300

#000000 #2D1300

Calculate the color between two colors, #000000 and #2D1300. 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 - #2D1300 | 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 #2D1300 as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #070300	RGB 7 3 0	#070300
33.3%	33.3% #0F0600	RGB 15 6 0	#0F0600
50.0%	50.0% #160900	RGB 22 9 0	#160900
66.7%	66.7% #1E0C00	RGB 30 12 0	#1E0C00
83.3%	83.3% #250F00	RGB 37 15 0	#250F00
100.0%	100.0% #2D1300	RGB 45 19 0	#2D1300

#000000 #070300 #0F0600 #160900 #1E0C00 #250F00 #2D1300

#000000 - #2D1300

HSV Blend

#000000 - #2D1300 | 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 #2D1300 as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #070606	RGB 7 6 6	#070606
33.3%	33.3% #0F0A0A	RGB 15 10 10	#0F0A0A
50.0%	50.0% #160D0B	RGB 22 13 11	#160D0B
66.7%	66.7% #1E0F0A	RGB 30 15 10	#1E0F0A
83.3%	83.3% #251106	RGB 37 17 6	#251106
100.0%	100.0% #2D1300	RGB 45 19 0	#2D1300

#000000 #070606 #0F0A0A #160D0B #1E0F0A #251106 #2D1300

#000000 - #160D0B - #2D1300

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000000 0%, #160D0B 50%, #2D1300 100%);
    background: -webkit-linear-gradient(top, #000000 0%, #160D0B 50%, #2D1300 100%);
    background: linear-gradient(to bottom, #000000 0%, #160D0B 50%, #2D1300 100%);
}
</style>