#1C3910 - #0C2601 | 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 #1C3910 to #0C2601

#1C3910 #0C2601

Calculate the color between two colors, #1C3910 and #0C2601. 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)

#1C3910 - #0C2601 | 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 #1C3910 as 0% and #0C2601 as 100%.

0.0%	0.0% #1C3910	RGB 28 57 16	#1C3910
16.7%	16.7% #19350D	RGB 25 53 13	#19350D
33.3%	33.3% #16320B	RGB 22 50 11	#16320B
50.0%	50.0% #142F08	RGB 20 47 8	#142F08
66.7%	66.7% #112C06	RGB 17 44 6	#112C06
83.3%	83.3% #0E2903	RGB 14 41 3	#0E2903
100.0%	100.0% #0C2601	RGB 12 38 1	#0C2601

#1C3910 #19350D #16320B #142F08 #112C06 #0E2903 #0C2601

#1C3910 - #0C2601

HSV Blend

#1C3910 - #0C2601 | 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 #1C3910 as 0% and #0C2601 as 100%.

0.0%	0.0% #1C3910	RGB 28 57 16	#1C3910
16.7%	16.7% #18350C	RGB 24 53 12	#18350C
33.3%	33.3% #153209	RGB 21 50 9	#153209
50.0%	50.0% #132F07	RGB 19 47 7	#132F07
66.7%	66.7% #102C04	RGB 16 44 4	#102C04
83.3%	83.3% #0E2902	RGB 14 41 2	#0E2902
100.0%	100.0% #0C2601	RGB 12 38 1	#0C2601

#1C3910 #18350C #153209 #132F07 #102C04 #0E2902 #0C2601

#1C3910 - #132F07 - #0C2601

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C3910 0%, #132F07 50%, #0C2601 100%);
    background: -webkit-linear-gradient(top, #1C3910 0%, #132F07 50%, #0C2601 100%);
    background: linear-gradient(to bottom, #1C3910 0%, #132F07 50%, #0C2601 100%);
}
</style>