#1A2215 - #040D00 | 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 #1A2215 to #040D00

#1A2215 #040D00

Calculate the color between two colors, #1A2215 and #040D00. 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)

#1A2215 - #040D00 | 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 #1A2215 as 0% and #040D00 as 100%.

0.0%	0.0% #1A2215	RGB 26 34 21	#1A2215
16.7%	16.7% #161E11	RGB 22 30 17	#161E11
33.3%	33.3% #121B0E	RGB 18 27 14	#121B0E
50.0%	50.0% #0F170A	RGB 15 23 10	#0F170A
66.7%	66.7% #0B1406	RGB 11 20 6	#0B1406
83.3%	83.3% #071003	RGB 7 16 3	#071003
100.0%	100.0% #040D00	RGB 4 13 0	#040D00

#1A2215 #161E11 #121B0E #0F170A #0B1406 #071003 #040D00

#1A2215 - #040D00

HSV Blend

#1A2215 - #040D00 | 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 #1A2215 as 0% and #040D00 as 100%.

0.0%	0.0% #1A2215	RGB 26 34 21	#1A2215
16.7%	16.7% #151E0F	RGB 21 30 15	#151E0F
33.3%	33.3% #101B0B	RGB 16 27 11	#101B0B
50.0%	50.0% #0C1707	RGB 12 23 7	#0C1707
66.7%	66.7% #091404	RGB 9 20 4	#091404
83.3%	83.3% #061001	RGB 6 16 1	#061001
100.0%	100.0% #040D00	RGB 4 13 0	#040D00

#1A2215 #151E0F #101B0B #0C1707 #091404 #061001 #040D00

#1A2215 - #0C1707 - #040D00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2215 0%, #0C1707 50%, #040D00 100%);
    background: -webkit-linear-gradient(top, #1A2215 0%, #0C1707 50%, #040D00 100%);
    background: linear-gradient(to bottom, #1A2215 0%, #0C1707 50%, #040D00 100%);
}
</style>