#1B4D1A - #879D4A | 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 #1B4D1A to #879D4A

#1B4D1A #879D4A

Calculate the color between two colors, #1B4D1A and #879D4A. 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)

#1B4D1A - #879D4A | 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 #1B4D1A as 0% and #879D4A as 100%.

0.0%	0.0% #1B4D1A	RGB 27 77 26	#1B4D1A
16.7%	16.7% #2D5A22	RGB 45 90 34	#2D5A22
33.3%	33.3% #3F672A	RGB 63 103 42	#3F672A
50.0%	50.0% #517532	RGB 81 117 50	#517532
66.7%	66.7% #63823A	RGB 99 130 58	#63823A
83.3%	83.3% #758F42	RGB 117 143 66	#758F42
100.0%	100.0% #879D4A	RGB 135 157 74	#879D4A

#1B4D1A #2D5A22 #3F672A #517532 #63823A #758F42 #879D4A

#1B4D1A - #879D4A

HSV Blend

#1B4D1A - #879D4A | 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 #1B4D1A as 0% and #879D4A as 100%.

0.0%	0.0% #1A4D1A	RGB 26 77 26	#1A4D1A
16.7%	16.7% #285A20	RGB 40 90 32	#285A20
33.3%	33.3% #386727	RGB 56 103 39	#386727
50.0%	50.0% #49752F	RGB 73 117 47	#49752F
66.7%	66.7% #5C8237	RGB 92 130 55	#5C8237
83.3%	83.3% #718F40	RGB 113 143 64	#718F40
100.0%	100.0% #879D4A	RGB 135 157 74	#879D4A

#1A4D1A #285A20 #386727 #49752F #5C8237 #718F40 #879D4A

#1B4D1A - #49752F - #879D4A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A4D1A 0%, #49752F 50%, #879D4A 100%);
    background: -webkit-linear-gradient(top, #1A4D1A 0%, #49752F 50%, #879D4A 100%);
    background: linear-gradient(to bottom, #1A4D1A 0%, #49752F 50%, #879D4A 100%);
}
</style>