#10311C - #040E08 | 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 #10311C to #040E08

#10311C #040E08

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

#10311C - #040E08 | 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 #10311C as 0% and #040E08 as 100%.

0.0%	0.0% #10311C	RGB 16 49 28	#10311C
16.7%	16.7% #0E2B18	RGB 14 43 24	#0E2B18
33.3%	33.3% #0C2515	RGB 12 37 21	#0C2515
50.0%	50.0% #0A1F12	RGB 10 31 18	#0A1F12
66.7%	66.7% #08190E	RGB 8 25 14	#08190E
83.3%	83.3% #06130B	RGB 6 19 11	#06130B
100.0%	100.0% #040E08	RGB 4 14 8	#040E08

#10311C #0E2B18 #0C2515 #0A1F12 #08190E #06130B #040E08

#10311C - #040E08

HSV Blend

#10311C - #040E08 | 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 #10311C as 0% and #040E08 as 100%.

0.0%	0.0% #0F311C	RGB 15 49 28	#0F311C
16.7%	16.7% #0D2B18	RGB 13 43 24	#0D2B18
33.3%	33.3% #0B2515	RGB 11 37 21	#0B2515
50.0%	50.0% #091F11	RGB 9 31 17	#091F11
66.7%	66.7% #07190E	RGB 7 25 14	#07190E
83.3%	83.3% #05130B	RGB 5 19 11	#05130B
100.0%	100.0% #040E08	RGB 4 14 8	#040E08

#0F311C #0D2B18 #0B2515 #091F11 #07190E #05130B #040E08

#10311C - #091F11 - #040E08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F311C 0%, #091F11 50%, #040E08 100%);
    background: -webkit-linear-gradient(top, #0F311C 0%, #091F11 50%, #040E08 100%);
    background: linear-gradient(to bottom, #0F311C 0%, #091F11 50%, #040E08 100%);
}
</style>