#1B5E14 - #5A9A41 | 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 #1B5E14 to #5A9A41

#1B5E14 #5A9A41

Calculate the color between two colors, #1B5E14 and #5A9A41. 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)

#1B5E14 - #5A9A41 | 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 #1B5E14 as 0% and #5A9A41 as 100%.

0.0%	0.0% #1B5E14	RGB 27 94 20	#1B5E14
16.7%	16.7% #25681B	RGB 37 104 27	#25681B
33.3%	33.3% #307223	RGB 48 114 35	#307223
50.0%	50.0% #3A7C2A	RGB 58 124 42	#3A7C2A
66.7%	66.7% #458632	RGB 69 134 50	#458632
83.3%	83.3% #4F9039	RGB 79 144 57	#4F9039
100.0%	100.0% #5A9A41	RGB 90 154 65	#5A9A41

#1B5E14 #25681B #307223 #3A7C2A #458632 #4F9039 #5A9A41

#1B5E14 - #5A9A41

HSV Blend

#1B5E14 - #5A9A41 | 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 #1B5E14 as 0% and #5A9A41 as 100%.

0.0%	0.0% #1B5E13	RGB 27 94 19	#1B5E13
16.7%	16.7% #236819	RGB 35 104 25	#236819
33.3%	33.3% #2D7220	RGB 45 114 32	#2D7220
50.0%	50.0% #377C27	RGB 55 124 39	#377C27
66.7%	66.7% #42862F	RGB 66 134 47	#42862F
83.3%	83.3% #4D9037	RGB 77 144 55	#4D9037
100.0%	100.0% #5A9A41	RGB 90 154 65	#5A9A41

#1B5E13 #236819 #2D7220 #377C27 #42862F #4D9037 #5A9A41

#1B5E14 - #377C27 - #5A9A41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E13 0%, #377C27 50%, #5A9A41 100%);
    background: -webkit-linear-gradient(top, #1B5E13 0%, #377C27 50%, #5A9A41 100%);
    background: linear-gradient(to bottom, #1B5E13 0%, #377C27 50%, #5A9A41 100%);
}
</style>