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

#11371C #040F07

Calculate the color between two colors, #11371C 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)

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

0.0%	0.0% #11371C	RGB 17 55 28	#11371C
16.7%	16.7% #0E3018	RGB 14 48 24	#0E3018
33.3%	33.3% #0C2915	RGB 12 41 21	#0C2915
50.0%	50.0% #0A2311	RGB 10 35 17	#0A2311
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

#11371C #0E3018 #0C2915 #0A2311 #081C0E #06150A #040F07

#11371C - #040F07

HSV Blend

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

0.0%	0.0% #11371C	RGB 17 55 28	#11371C
16.7%	16.7% #0E3018	RGB 14 48 24	#0E3018
33.3%	33.3% #0C2914	RGB 12 41 20	#0C2914
50.0%	50.0% #0A2311	RGB 10 35 17	#0A2311
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

#11371C #0E3018 #0C2914 #0A2311 #071C0D #05150A #040F07

#11371C - #0A2311 - #040F07

CSS codes

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

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