#4A8159 - #16452C | 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 #4A8159 to #16452C

#4A8159 #16452C

Calculate the color between two colors, #4A8159 and #16452C. 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)

#4A8159 - #16452C | 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 #4A8159 as 0% and #16452C as 100%.

0.0%	0.0% #4A8159	RGB 74 129 89	#4A8159
16.7%	16.7% #417751	RGB 65 119 81	#417751
33.3%	33.3% #386D4A	RGB 56 109 74	#386D4A
50.0%	50.0% #306342	RGB 48 99 66	#306342
66.7%	66.7% #27593B	RGB 39 89 59	#27593B
83.3%	83.3% #1E4F33	RGB 30 79 51	#1E4F33
100.0%	100.0% #16452C	RGB 22 69 44	#16452C

#4A8159 #417751 #386D4A #306342 #27593B #1E4F33 #16452C

#4A8159 - #16452C

HSV Blend

#4A8159 - #16452C | 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 #4A8159 as 0% and #16452C as 100%.

0.0%	0.0% #4A8159	RGB 74 129 89	#4A8159
16.7%	16.7% #3F7750	RGB 63 119 80	#3F7750
33.3%	33.3% #356D48	RGB 53 109 72	#356D48
50.0%	50.0% #2C6340	RGB 44 99 64	#2C6340
66.7%	66.7% #235939	RGB 35 89 57	#235939
83.3%	83.3% #1C4F32	RGB 28 79 50	#1C4F32
100.0%	100.0% #16452C	RGB 22 69 44	#16452C

#4A8159 #3F7750 #356D48 #2C6340 #235939 #1C4F32 #16452C

#4A8159 - #2C6340 - #16452C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8159 0%, #2C6340 50%, #16452C 100%);
    background: -webkit-linear-gradient(top, #4A8159 0%, #2C6340 50%, #16452C 100%);
    background: linear-gradient(to bottom, #4A8159 0%, #2C6340 50%, #16452C 100%);
}
</style>