#103920 - #478150 | 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 #103920 to #478150

#103920 #478150

Calculate the color between two colors, #103920 and #478150. 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)

#103920 - #478150 | 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 #103920 as 0% and #478150 as 100%.

0.0%	0.0% #103920	RGB 16 57 32	#103920
16.7%	16.7% #194528	RGB 25 69 40	#194528
33.3%	33.3% #225130	RGB 34 81 48	#225130
50.0%	50.0% #2B5D38	RGB 43 93 56	#2B5D38
66.7%	66.7% #346940	RGB 52 105 64	#346940
83.3%	83.3% #3D7548	RGB 61 117 72	#3D7548
100.0%	100.0% #478150	RGB 71 129 80	#478150

#103920 #194528 #225130 #2B5D38 #346940 #3D7548 #478150

#103920 - #478150

HSV Blend

#103920 - #478150 | 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 #103920 as 0% and #478150 as 100%.

0.0%	0.0% #103920	RGB 16 57 32	#103920
16.7%	16.7% #164526	RGB 22 69 38	#164526
33.3%	33.3% #1E512D	RGB 30 81 45	#1E512D
50.0%	50.0% #265D35	RGB 38 93 53	#265D35
66.7%	66.7% #30693D	RGB 48 105 61	#30693D
83.3%	83.3% #3B7546	RGB 59 117 70	#3B7546
100.0%	100.0% #478150	RGB 71 129 80	#478150

#103920 #164526 #1E512D #265D35 #30693D #3B7546 #478150

#103920 - #265D35 - #478150

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103920 0%, #265D35 50%, #478150 100%);
    background: -webkit-linear-gradient(top, #103920 0%, #265D35 50%, #478150 100%);
    background: linear-gradient(to bottom, #103920 0%, #265D35 50%, #478150 100%);
}
</style>