#1F412C - #08120C | 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 #1F412C to #08120C

#1F412C #08120C

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

#1F412C - #08120C | 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 #1F412C as 0% and #08120C as 100%.

0.0%	0.0% #1F412C	RGB 31 65 44	#1F412C
16.7%	16.7% #1B3926	RGB 27 57 38	#1B3926
33.3%	33.3% #173121	RGB 23 49 33	#173121
50.0%	50.0% #13291C	RGB 19 41 28	#13291C
66.7%	66.7% #0F2116	RGB 15 33 22	#0F2116
83.3%	83.3% #0B1911	RGB 11 25 17	#0B1911
100.0%	100.0% #08120C	RGB 8 18 12	#08120C

#1F412C #1B3926 #173121 #13291C #0F2116 #0B1911 #08120C

#1F412C - #08120C

HSV Blend

#1F412C - #08120C | 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 #1F412C as 0% and #08120C as 100%.

0.0%	0.0% #1F412C	RGB 31 65 44	#1F412C
16.7%	16.7% #1A3926	RGB 26 57 38	#1A3926
33.3%	33.3% #163121	RGB 22 49 33	#163121
50.0%	50.0% #13291B	RGB 19 41 27	#13291B
66.7%	66.7% #0F2116	RGB 15 33 22	#0F2116
83.3%	83.3% #0B1911	RGB 11 25 17	#0B1911
100.0%	100.0% #08120C	RGB 8 18 12	#08120C

#1F412C #1A3926 #163121 #13291B #0F2116 #0B1911 #08120C

#1F412C - #13291B - #08120C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F412C 0%, #13291B 50%, #08120C 100%);
    background: -webkit-linear-gradient(top, #1F412C 0%, #13291B 50%, #08120C 100%);
    background: linear-gradient(to bottom, #1F412C 0%, #13291B 50%, #08120C 100%);
}
</style>