#103620 - #001519 | 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 #103620 to #001519

#103620 #001519

Calculate the color between two colors, #103620 and #001519. 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)

#103620 - #001519 | 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 #103620 as 0% and #001519 as 100%.

0.0%	0.0% #103620	RGB 16 54 32	#103620
16.7%	16.7% #0D301E	RGB 13 48 30	#0D301E
33.3%	33.3% #0A2B1D	RGB 10 43 29	#0A2B1D
50.0%	50.0% #08251C	RGB 8 37 28	#08251C
66.7%	66.7% #05201B	RGB 5 32 27	#05201B
83.3%	83.3% #021A1A	RGB 2 26 26	#021A1A
100.0%	100.0% #001519	RGB 0 21 25	#001519

#103620 #0D301E #0A2B1D #08251C #05201B #021A1A #001519

#103620 - #001519

HSV Blend

#103620 - #001519 | 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 #103620 as 0% and #001519 as 100%.

0.0%	0.0% #103620	RGB 16 54 32	#103620
16.7%	16.7% #0C3120	RGB 12 49 32	#0C3120
33.3%	33.3% #082C20	RGB 8 44 32	#082C20
50.0%	50.0% #052720	RGB 5 39 32	#052720
66.7%	66.7% #03221F	RGB 3 34 31	#03221F
83.3%	83.3% #011C1D	RGB 1 28 29	#011C1D
100.0%	100.0% #001519	RGB 0 21 25	#001519

#103620 #0C3120 #082C20 #052720 #03221F #011C1D #001519

#103620 - #052720 - #001519

CSS codes

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

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