#1E4D3C - #01271B | 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 #1E4D3C to #01271B

#1E4D3C #01271B

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

#1E4D3C - #01271B | 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 #1E4D3C as 0% and #01271B as 100%.

0.0%	0.0% #1E4D3C	RGB 30 77 60	#1E4D3C
16.7%	16.7% #194636	RGB 25 70 54	#194636
33.3%	33.3% #144031	RGB 20 64 49	#144031
50.0%	50.0% #0F3A2B	RGB 15 58 43	#0F3A2B
66.7%	66.7% #0A3326	RGB 10 51 38	#0A3326
83.3%	83.3% #052D20	RGB 5 45 32	#052D20
100.0%	100.0% #01271B	RGB 1 39 27	#01271B

#1E4D3C #194636 #144031 #0F3A2B #0A3326 #052D20 #01271B

#1E4D3C - #01271B

HSV Blend

#1E4D3C - #01271B | 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 #1E4D3C as 0% and #01271B as 100%.

0.0%	0.0% #1E4D3C	RGB 30 77 60	#1E4D3C
16.7%	16.7% #174635	RGB 23 70 53	#174635
33.3%	33.3% #114030	RGB 17 64 48	#114030
50.0%	50.0% #0C3A2A	RGB 12 58 42	#0C3A2A
66.7%	66.7% #073325	RGB 7 51 37	#073325
83.3%	83.3% #032D1F	RGB 3 45 31	#032D1F
100.0%	100.0% #01271B	RGB 1 39 27	#01271B

#1E4D3C #174635 #114030 #0C3A2A #073325 #032D1F #01271B

#1E4D3C - #0C3A2A - #01271B

CSS codes

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

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