#070101 - #2B0007 | 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 #070101 to #2B0007

#070101 #2B0007

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

#070101 - #2B0007 | 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 #070101 as 0% and #2B0007 as 100%.

0.0%	0.0% #070101	RGB 7 1 1	#070101
16.7%	16.7% #0D0002	RGB 13 0 2	#0D0002
33.3%	33.3% #130003	RGB 19 0 3	#130003
50.0%	50.0% #190004	RGB 25 0 4	#190004
66.7%	66.7% #1F0005	RGB 31 0 5	#1F0005
83.3%	83.3% #250006	RGB 37 0 6	#250006
100.0%	100.0% #2B0007	RGB 43 0 7	#2B0007

#070101 #0D0002 #130003 #190004 #1F0005 #250006 #2B0007

#070101 - #2B0007

HSV Blend

#070101 - #2B0007 | 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 #070101 as 0% and #2B0007 as 100%.

0.0%	0.0% #070101	RGB 7 1 1	#070101
16.7%	16.7% #0D0101	RGB 13 1 1	#0D0101
33.3%	33.3% #130102	RGB 19 1 2	#130102
50.0%	50.0% #190103	RGB 25 1 3	#190103
66.7%	66.7% #1F0104	RGB 31 1 4	#1F0104
83.3%	83.3% #250005	RGB 37 0 5	#250005
100.0%	100.0% #2B0007	RGB 43 0 7	#2B0007

#070101 #0D0101 #130102 #190103 #1F0104 #250005 #2B0007

#070101 - #190103 - #2B0007

CSS codes

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

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