#1D5E14 - #BED1BB | 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 #1D5E14 to #BED1BB

#1D5E14 #BED1BB

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

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

0.0%	0.0% #1D5E14	RGB 29 94 20	#1D5E14
16.7%	16.7% #37712F	RGB 55 113 47	#37712F
33.3%	33.3% #52844B	RGB 82 132 75	#52844B
50.0%	50.0% #6D9767	RGB 109 151 103	#6D9767
66.7%	66.7% #88AA83	RGB 136 170 131	#88AA83
83.3%	83.3% #A3BD9F	RGB 163 189 159	#A3BD9F
100.0%	100.0% #BED1BB	RGB 190 209 187	#BED1BB

#1D5E14 #37712F #52844B #6D9767 #88AA83 #A3BD9F #BED1BB

#1D5E14 - #BED1BB

HSV Blend

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

0.0%	0.0% #1D5E13	RGB 29 94 19	#1D5E13
16.7%	16.7% #2E7124	RGB 46 113 36	#2E7124
33.3%	33.3% #43843A	RGB 67 132 58	#43843A
50.0%	50.0% #5C9753	RGB 92 151 83	#5C9753
66.7%	66.7% #79AA71	RGB 121 170 113	#79AA71
83.3%	83.3% #99BD94	RGB 153 189 148	#99BD94
100.0%	100.0% #BED1BB	RGB 190 209 187	#BED1BB

#1D5E13 #2E7124 #43843A #5C9753 #79AA71 #99BD94 #BED1BB

#1D5E14 - #5C9753 - #BED1BB

CSS codes

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

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