#11704D - #042016 | 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 #11704D to #042016

#11704D #042016

Calculate the color between two colors, #11704D and #042016. 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)

#11704D - #042016 | 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 #11704D as 0% and #042016 as 100%.

0.0%	0.0% #11704D	RGB 17 112 77	#11704D
16.7%	16.7% #0E6243	RGB 14 98 67	#0E6243
33.3%	33.3% #0C553A	RGB 12 85 58	#0C553A
50.0%	50.0% #0A4831	RGB 10 72 49	#0A4831
66.7%	66.7% #083A28	RGB 8 58 40	#083A28
83.3%	83.3% #062D1F	RGB 6 45 31	#062D1F
100.0%	100.0% #042016	RGB 4 32 22	#042016

#11704D #0E6243 #0C553A #0A4831 #083A28 #062D1F #042016

#11704D - #042016

HSV Blend

#11704D - #042016 | 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 #11704D as 0% and #042016 as 100%.

0.0%	0.0% #11704D	RGB 17 112 77	#11704D
16.7%	16.7% #0E6243	RGB 14 98 67	#0E6243
33.3%	33.3% #0C553A	RGB 12 85 58	#0C553A
50.0%	50.0% #094831	RGB 9 72 49	#094831
66.7%	66.7% #073A28	RGB 7 58 40	#073A28
83.3%	83.3% #052D1F	RGB 5 45 31	#052D1F
100.0%	100.0% #042016	RGB 4 32 22	#042016

#11704D #0E6243 #0C553A #094831 #073A28 #052D1F #042016

#11704D - #094831 - #042016

CSS codes

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

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