#1F201F - #003B0C | 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 #1F201F to #003B0C

#1F201F #003B0C

Calculate the color between two colors, #1F201F and #003B0C. 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)

#1F201F - #003B0C | 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 #1F201F as 0% and #003B0C as 100%.

0.0%	0.0% #1F201F	RGB 31 32 31	#1F201F
16.7%	16.7% #19241B	RGB 25 36 27	#19241B
33.3%	33.3% #142918	RGB 20 41 24	#142918
50.0%	50.0% #0F2D15	RGB 15 45 21	#0F2D15
66.7%	66.7% #0A3212	RGB 10 50 18	#0A3212
83.3%	83.3% #05360F	RGB 5 54 15	#05360F
100.0%	100.0% #003B0C	RGB 0 59 12	#003B0C

#1F201F #19241B #142918 #0F2D15 #0A3212 #05360F #003B0C

#1F201F - #003B0C

HSV Blend

#1F201F - #003B0C | 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 #1F201F as 0% and #003B0C as 100%.

0.0%	0.0% #1F201F	RGB 31 32 31	#1F201F
16.7%	16.7% #1D241D	RGB 29 36 29	#1D241D
33.3%	33.3% #1A291B	RGB 26 41 27	#1A291B
50.0%	50.0% #162D18	RGB 22 45 24	#162D18
66.7%	66.7% #103214	RGB 16 50 20	#103214
83.3%	83.3% #083610	RGB 8 54 16	#083610
100.0%	100.0% #003B0C	RGB 0 59 12	#003B0C

#1F201F #1D241D #1A291B #162D18 #103214 #083610 #003B0C

#1F201F - #162D18 - #003B0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F201F 0%, #162D18 50%, #003B0C 100%);
    background: -webkit-linear-gradient(top, #1F201F 0%, #162D18 50%, #003B0C 100%);
    background: linear-gradient(to bottom, #1F201F 0%, #162D18 50%, #003B0C 100%);
}
</style>