#1E5E47 - #BED1CA | 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 #1E5E47 to #BED1CA

#1E5E47 #BED1CA

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

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

0.0%	0.0% #1E5E47	RGB 30 94 71	#1E5E47
16.7%	16.7% #38715C	RGB 56 113 92	#38715C
33.3%	33.3% #538472	RGB 83 132 114	#538472
50.0%	50.0% #6E9788	RGB 110 151 136	#6E9788
66.7%	66.7% #88AA9E	RGB 136 170 158	#88AA9E
83.3%	83.3% #A3BDB4	RGB 163 189 180	#A3BDB4
100.0%	100.0% #BED1CA	RGB 190 209 202	#BED1CA

#1E5E47 #38715C #538472 #6E9788 #88AA9E #A3BDB4 #BED1CA

#1E5E47 - #BED1CA

HSV Blend

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

0.0%	0.0% #1E5E46	RGB 30 94 70	#1E5E46
16.7%	16.7% #2F7159	RGB 47 113 89	#2F7159
33.3%	33.3% #44846D	RGB 68 132 109	#44846D
50.0%	50.0% #5D9782	RGB 93 151 130	#5D9782
66.7%	66.7% #79AA98	RGB 121 170 152	#79AA98
83.3%	83.3% #99BDB0	RGB 153 189 176	#99BDB0
100.0%	100.0% #BED1CA	RGB 190 209 202	#BED1CA

#1E5E46 #2F7159 #44846D #5D9782 #79AA98 #99BDB0 #BED1CA

#1E5E47 - #5D9782 - #BED1CA

CSS codes

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

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