#163910 - #08080E | 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 #163910 to #08080E

#163910 #08080E

Calculate the color between two colors, #163910 and #08080E. 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)

#163910 - #08080E | 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 #163910 as 0% and #08080E as 100%.

0.0%	0.0% #163910	RGB 22 57 16	#163910
16.7%	16.7% #13300F	RGB 19 48 15	#13300F
33.3%	33.3% #11280F	RGB 17 40 15	#11280F
50.0%	50.0% #0F200F	RGB 15 32 15	#0F200F
66.7%	66.7% #0C180E	RGB 12 24 14	#0C180E
83.3%	83.3% #0A100E	RGB 10 16 14	#0A100E
100.0%	100.0% #08080E	RGB 8 8 14	#08080E

#163910 #13300F #11280F #0F200F #0C180E #0A100E #08080E

#163910 - #08080E

HSV Blend

#163910 - #08080E | 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 #163910 as 0% and #08080E as 100%.

0.0%	0.0% #163910	RGB 22 57 16	#163910
16.7%	16.7% #103117	RGB 16 49 23	#103117
33.3%	33.3% #102A1F	RGB 16 42 31	#102A1F
50.0%	50.0% #0F2322	RGB 15 35 34	#0F2322
66.7%	66.7% #0D181C	RGB 13 24 28	#0D181C
83.3%	83.3% #0B0E15	RGB 11 14 21	#0B0E15
100.0%	100.0% #08080E	RGB 8 8 14	#08080E

#163910 #103117 #102A1F #0F2322 #0D181C #0B0E15 #08080E

#163910 - #0F2322 - #08080E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #163910 0%, #0F2322 50%, #08080E 100%);
    background: -webkit-linear-gradient(top, #163910 0%, #0F2322 50%, #08080E 100%);
    background: linear-gradient(to bottom, #163910 0%, #0F2322 50%, #08080E 100%);
}
</style>