#617C5E - #1A231A | 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 #617C5E to #1A231A

#617C5E #1A231A

Calculate the color between two colors, #617C5E and #1A231A. 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)

#617C5E - #1A231A | 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 #617C5E as 0% and #1A231A as 100%.

0.0%	0.0% #617C5E	RGB 97 124 94	#617C5E
16.7%	16.7% #556D52	RGB 85 109 82	#556D52
33.3%	33.3% #495E47	RGB 73 94 71	#495E47
50.0%	50.0% #3D4F3C	RGB 61 79 60	#3D4F3C
66.7%	66.7% #314030	RGB 49 64 48	#314030
83.3%	83.3% #253125	RGB 37 49 37	#253125
100.0%	100.0% #1A231A	RGB 26 35 26	#1A231A

#617C5E #556D52 #495E47 #3D4F3C #314030 #253125 #1A231A

#617C5E - #1A231A

HSV Blend

#617C5E - #1A231A | 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 #617C5E as 0% and #1A231A as 100%.

0.0%	0.0% #617C5E	RGB 97 124 94	#617C5E
16.7%	16.7% #546D52	RGB 84 109 82	#546D52
33.3%	33.3% #485E47	RGB 72 94 71	#485E47
50.0%	50.0% #3C4F3B	RGB 60 79 59	#3C4F3B
66.7%	66.7% #304030	RGB 48 64 48	#304030
83.3%	83.3% #253125	RGB 37 49 37	#253125
100.0%	100.0% #1A231A	RGB 26 35 26	#1A231A

#617C5E #546D52 #485E47 #3C4F3B #304030 #253125 #1A231A

#617C5E - #3C4F3B - #1A231A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #617C5E 0%, #3C4F3B 50%, #1A231A 100%);
    background: -webkit-linear-gradient(top, #617C5E 0%, #3C4F3B 50%, #1A231A 100%);
    background: linear-gradient(to bottom, #617C5E 0%, #3C4F3B 50%, #1A231A 100%);
}
</style>