#1C5E25 - #000B1E | 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 #1C5E25 to #000B1E

#1C5E25 #000B1E

Calculate the color between two colors, #1C5E25 and #000B1E. 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)

#1C5E25 - #000B1E | 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 #1C5E25 as 0% and #000B1E as 100%.

0.0%	0.0% #1C5E25	RGB 28 94 37	#1C5E25
16.7%	16.7% #175023	RGB 23 80 35	#175023
33.3%	33.3% #124222	RGB 18 66 34	#124222
50.0%	50.0% #0E3421	RGB 14 52 33	#0E3421
66.7%	66.7% #092620	RGB 9 38 32	#092620
83.3%	83.3% #04181F	RGB 4 24 31	#04181F
100.0%	100.0% #000B1E	RGB 0 11 30	#000B1E

#1C5E25 #175023 #124222 #0E3421 #092620 #04181F #000B1E

#1C5E25 - #000B1E

HSV Blend

#1C5E25 - #000B1E | 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 #1C5E25 as 0% and #000B1E as 100%.

0.0%	0.0% #1C5E24	RGB 28 94 36	#1C5E24
16.7%	16.7% #14532C	RGB 20 83 44	#14532C
33.3%	33.3% #0E4833	RGB 14 72 51	#0E4833
50.0%	50.0% #093E37	RGB 9 62 55	#093E37
66.7%	66.7% #052D33	RGB 5 45 51	#052D33
83.3%	83.3% #021928	RGB 2 25 40	#021928
100.0%	100.0% #000B1E	RGB 0 11 30	#000B1E

#1C5E24 #14532C #0E4833 #093E37 #052D33 #021928 #000B1E

#1C5E25 - #093E37 - #000B1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C5E24 0%, #093E37 50%, #000B1E 100%);
    background: -webkit-linear-gradient(top, #1C5E24 0%, #093E37 50%, #000B1E 100%);
    background: linear-gradient(to bottom, #1C5E24 0%, #093E37 50%, #000B1E 100%);
}
</style>