#10361C - #040F07 | 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 #10361C to #040F07

#10361C #040F07

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

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

0.0%	0.0% #10361C	RGB 16 54 28	#10361C
16.7%	16.7% #0E2F18	RGB 14 47 24	#0E2F18
33.3%	33.3% #0C2915	RGB 12 41 21	#0C2915
50.0%	50.0% #0A2211	RGB 10 34 17	#0A2211
66.7%	66.7% #081C0E	RGB 8 28 14	#081C0E
83.3%	83.3% #06150A	RGB 6 21 10	#06150A
100.0%	100.0% #040F07	RGB 4 15 7	#040F07

#10361C #0E2F18 #0C2915 #0A2211 #081C0E #06150A #040F07

#10361C - #040F07

HSV Blend

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

0.0%	0.0% #10361C	RGB 16 54 28	#10361C
16.7%	16.7% #0D2F18	RGB 13 47 24	#0D2F18
33.3%	33.3% #0B2914	RGB 11 41 20	#0B2914
50.0%	50.0% #092211	RGB 9 34 17	#092211
66.7%	66.7% #071C0D	RGB 7 28 13	#071C0D
83.3%	83.3% #05150A	RGB 5 21 10	#05150A
100.0%	100.0% #040F07	RGB 4 15 7	#040F07

#10361C #0D2F18 #0B2914 #092211 #071C0D #05150A #040F07

#10361C - #092211 - #040F07

CSS codes

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

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