#103928 - #04100B | 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 #103928 to #04100B

#103928 #04100B

Calculate the color between two colors, #103928 and #04100B. 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)

#103928 - #04100B | 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 #103928 as 0% and #04100B as 100%.

0.0%	0.0% #103928	RGB 16 57 40	#103928
16.7%	16.7% #0E3223	RGB 14 50 35	#0E3223
33.3%	33.3% #0C2B1E	RGB 12 43 30	#0C2B1E
50.0%	50.0% #0A2419	RGB 10 36 25	#0A2419
66.7%	66.7% #081D14	RGB 8 29 20	#081D14
83.3%	83.3% #06160F	RGB 6 22 15	#06160F
100.0%	100.0% #04100B	RGB 4 16 11	#04100B

#103928 #0E3223 #0C2B1E #0A2419 #081D14 #06160F #04100B

#103928 - #04100B

HSV Blend

#103928 - #04100B | 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 #103928 as 0% and #04100B as 100%.

0.0%	0.0% #103928	RGB 16 57 40	#103928
16.7%	16.7% #0D3223	RGB 13 50 35	#0D3223
33.3%	33.3% #0B2B1E	RGB 11 43 30	#0B2B1E
50.0%	50.0% #092419	RGB 9 36 25	#092419
66.7%	66.7% #071D14	RGB 7 29 20	#071D14
83.3%	83.3% #05160F	RGB 5 22 15	#05160F
100.0%	100.0% #04100B	RGB 4 16 11	#04100B

#103928 #0D3223 #0B2B1E #092419 #071D14 #05160F #04100B

#103928 - #092419 - #04100B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103928 0%, #092419 50%, #04100B 100%);
    background: -webkit-linear-gradient(top, #103928 0%, #092419 50%, #04100B 100%);
    background: linear-gradient(to bottom, #103928 0%, #092419 50%, #04100B 100%);
}
</style>