#1B5E1C - #6E986A | 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 #1B5E1C to #6E986A

#1B5E1C #6E986A

Calculate the color between two colors, #1B5E1C and #6E986A. 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)

#1B5E1C - #6E986A | 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 #1B5E1C as 0% and #6E986A as 100%.

0.0%	0.0% #1B5E1C	RGB 27 94 28	#1B5E1C
16.7%	16.7% #286729	RGB 40 103 41	#286729
33.3%	33.3% #367136	RGB 54 113 54	#367136
50.0%	50.0% #447B43	RGB 68 123 67	#447B43
66.7%	66.7% #528450	RGB 82 132 80	#528450
83.3%	83.3% #608E5D	RGB 96 142 93	#608E5D
100.0%	100.0% #6E986A	RGB 110 152 106	#6E986A

#1B5E1C #286729 #367136 #447B43 #528450 #608E5D #6E986A

#1B5E1C - #6E986A

HSV Blend

#1B5E1C - #6E986A | 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 #1B5E1C as 0% and #6E986A as 100%.

0.0%	0.0% #1B5E1B	RGB 27 94 27	#1B5E1B
16.7%	16.7% #256724	RGB 37 103 36	#256724
33.3%	33.3% #317130	RGB 49 113 48	#317130
50.0%	50.0% #3E7B3C	RGB 62 123 60	#3E7B3C
66.7%	66.7% #4D844A	RGB 77 132 74	#4D844A
83.3%	83.3% #5D8E59	RGB 93 142 89	#5D8E59
100.0%	100.0% #6E986A	RGB 110 152 106	#6E986A

#1B5E1B #256724 #317130 #3E7B3C #4D844A #5D8E59 #6E986A

#1B5E1C - #3E7B3C - #6E986A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E1B 0%, #3E7B3C 50%, #6E986A 100%);
    background: -webkit-linear-gradient(top, #1B5E1B 0%, #3E7B3C 50%, #6E986A 100%);
    background: linear-gradient(to bottom, #1B5E1B 0%, #3E7B3C 50%, #6E986A 100%);
}
</style>