#1B8C31 - #BDDEC4 | 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 #1B8C31 to #BDDEC4

#1B8C31 #BDDEC4

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

#1B8C31 - #BDDEC4 | 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 #1B8C31 as 0% and #BDDEC4 as 100%.

0.0%	0.0% #1B8C31	RGB 27 140 49	#1B8C31
16.7%	16.7% #369949	RGB 54 153 73	#369949
33.3%	33.3% #51A762	RGB 81 167 98	#51A762
50.0%	50.0% #6CB57A	RGB 108 181 122	#6CB57A
66.7%	66.7% #87C293	RGB 135 194 147	#87C293
83.3%	83.3% #A2D0AB	RGB 162 208 171	#A2D0AB
100.0%	100.0% #BDDEC4	RGB 189 222 196	#BDDEC4

#1B8C31 #369949 #51A762 #6CB57A #87C293 #A2D0AB #BDDEC4

#1B8C31 - #BDDEC4

HSV Blend

#1B8C31 - #BDDEC4 | 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 #1B8C31 as 0% and #BDDEC4 as 100%.

0.0%	0.0% #1B8C31	RGB 27 140 49	#1B8C31
16.7%	16.7% #2E9943	RGB 46 153 67	#2E9943
33.3%	33.3% #45A758	RGB 69 167 88	#45A758
50.0%	50.0% #5EB570	RGB 94 181 112	#5EB570
66.7%	66.7% #7BC289	RGB 123 194 137	#7BC289
83.3%	83.3% #9AD0A5	RGB 154 208 165	#9AD0A5
100.0%	100.0% #BDDEC4	RGB 189 222 196	#BDDEC4

#1B8C31 #2E9943 #45A758 #5EB570 #7BC289 #9AD0A5 #BDDEC4

#1B8C31 - #5EB570 - #BDDEC4

CSS codes

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

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