#1B5E1C - #BDD1BD | 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 #BDD1BD

#1B5E1C #BDD1BD

Calculate the color between two colors, #1B5E1C and #BDD1BD. 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 - #BDD1BD | 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 #BDD1BD as 100%.

0.0%	0.0% #1B5E1C	RGB 27 94 28	#1B5E1C
16.7%	16.7% #367136	RGB 54 113 54	#367136
33.3%	33.3% #518451	RGB 81 132 81	#518451
50.0%	50.0% #6C976C	RGB 108 151 108	#6C976C
66.7%	66.7% #87AA87	RGB 135 170 135	#87AA87
83.3%	83.3% #A2BDA2	RGB 162 189 162	#A2BDA2
100.0%	100.0% #BDD1BD	RGB 189 209 189	#BDD1BD

#1B5E1C #367136 #518451 #6C976C #87AA87 #A2BDA2 #BDD1BD

#1B5E1C - #BDD1BD

HSV Blend

#1B5E1C - #BDD1BD | 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 #BDD1BD as 100%.

0.0%	0.0% #1B5E1B	RGB 27 94 27	#1B5E1B
16.7%	16.7% #2C712D	RGB 44 113 45	#2C712D
33.3%	33.3% #418441	RGB 65 132 65	#418441
50.0%	50.0% #5A975A	RGB 90 151 90	#5A975A
66.7%	66.7% #77AA77	RGB 119 170 119	#77AA77
83.3%	83.3% #98BD98	RGB 152 189 152	#98BD98
100.0%	100.0% #BDD1BD	RGB 189 209 189	#BDD1BD

#1B5E1B #2C712D #418441 #5A975A #77AA77 #98BD98 #BDD1BD

#1B5E1C - #5A975A - #BDD1BD

CSS codes

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

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