#120A0A - #2F0204 | 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 #120A0A to #2F0204

#120A0A #2F0204

Calculate the color between two colors, #120A0A and #2F0204. 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)

#120A0A - #2F0204 | 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 #120A0A as 0% and #2F0204 as 100%.

0.0%	0.0% #120A0A	RGB 18 10 10	#120A0A
16.7%	16.7% #160809	RGB 22 8 9	#160809
33.3%	33.3% #1B0708	RGB 27 7 8	#1B0708
50.0%	50.0% #200607	RGB 32 6 7	#200607
66.7%	66.7% #250406	RGB 37 4 6	#250406
83.3%	83.3% #2A0305	RGB 42 3 5	#2A0305
100.0%	100.0% #2F0204	RGB 47 2 4	#2F0204

#120A0A #160809 #1B0708 #200607 #250406 #2A0305 #2F0204

#120A0A - #2F0204

HSV Blend

#120A0A - #2F0204 | 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 #120A0A as 0% and #2F0204 as 100%.

0.0%	0.0% #120A0A	RGB 18 10 10	#120A0A
16.7%	16.7% #160A0A	RGB 22 10 10	#160A0A
33.3%	33.3% #1B0A0A	RGB 27 10 10	#1B0A0A
50.0%	50.0% #20090A	RGB 32 9 10	#20090A
66.7%	66.7% #250708	RGB 37 7 8	#250708
83.3%	83.3% #2A0506	RGB 42 5 6	#2A0506
100.0%	100.0% #2F0204	RGB 47 2 4	#2F0204

#120A0A #160A0A #1B0A0A #20090A #250708 #2A0506 #2F0204

#120A0A - #20090A - #2F0204

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #120A0A 0%, #20090A 50%, #2F0204 100%);
    background: -webkit-linear-gradient(top, #120A0A 0%, #20090A 50%, #2F0204 100%);
    background: linear-gradient(to bottom, #120A0A 0%, #20090A 50%, #2F0204 100%);
}
</style>