#100407 - #11000C | 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 #100407 to #11000C

#100407 #11000C

Calculate the color between two colors, #100407 and #11000C. 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)

#100407 - #11000C | 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 #100407 as 0% and #11000C as 100%.

0.0%	0.0% #100407	RGB 16 4 7	#100407
16.7%	16.7% #100307	RGB 16 3 7	#100307
33.3%	33.3% #100208	RGB 16 2 8	#100208
50.0%	50.0% #100209	RGB 16 2 9	#100209
66.7%	66.7% #10010A	RGB 16 1 10	#10010A
83.3%	83.3% #10000B	RGB 16 0 11	#10000B
100.0%	100.0% #11000C	RGB 17 0 12	#11000C

#100407 #100307 #100208 #100209 #10010A #10000B #11000C

#100407 - #11000C

HSV Blend

#100407 - #11000C | 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 #100407 as 0% and #11000C as 100%.

0.0%	0.0% #100407	RGB 16 4 7	#100407
16.7%	16.7% #100307	RGB 16 3 7	#100307
33.3%	33.3% #100208	RGB 16 2 8	#100208
50.0%	50.0% #100208	RGB 16 2 8	#100208
66.7%	66.7% #100109	RGB 16 1 9	#100109
83.3%	83.3% #10000A	RGB 16 0 10	#10000A
100.0%	100.0% #11000C	RGB 17 0 12	#11000C

#100407 #100307 #100208 #100208 #100109 #10000A #11000C

#100407 - #100208 - #11000C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #100407 0%, #100208 50%, #11000C 100%);
    background: -webkit-linear-gradient(top, #100407 0%, #100208 50%, #11000C 100%);
    background: linear-gradient(to bottom, #100407 0%, #100208 50%, #11000C 100%);
}
</style>