#4B7D5E - #B3C27C | 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 #4B7D5E to #B3C27C

#4B7D5E #B3C27C

Calculate the color between two colors, #4B7D5E and #B3C27C. 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)

#4B7D5E - #B3C27C | 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 #4B7D5E as 0% and #B3C27C as 100%.

0.0%	0.0% #4B7D5E	RGB 75 125 94	#4B7D5E
16.7%	16.7% #5C8863	RGB 92 136 99	#5C8863
33.3%	33.3% #6D9468	RGB 109 148 104	#6D9468
50.0%	50.0% #7F9F6D	RGB 127 159 109	#7F9F6D
66.7%	66.7% #90AB72	RGB 144 171 114	#90AB72
83.3%	83.3% #A1B677	RGB 161 182 119	#A1B677
100.0%	100.0% #B3C27C	RGB 179 194 124	#B3C27C

#4B7D5E #5C8863 #6D9468 #7F9F6D #90AB72 #A1B677 #B3C27C

#4B7D5E - #B3C27C

HSV Blend

#4B7D5E - #B3C27C | 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 #4B7D5E as 0% and #B3C27C as 100%.

0.0%	0.0% #4B7D5E	RGB 75 125 94	#4B7D5E
16.7%	16.7% #52885C	RGB 82 136 92	#52885C
33.3%	33.3% #5B945A	RGB 91 148 90	#5B945A
50.0%	50.0% #6F9F62	RGB 111 159 98	#6F9F62
66.7%	66.7% #84AB6B	RGB 132 171 107	#84AB6B
83.3%	83.3% #9BB673	RGB 155 182 115	#9BB673
100.0%	100.0% #B3C27C	RGB 179 194 124	#B3C27C

#4B7D5E #52885C #5B945A #6F9F62 #84AB6B #9BB673 #B3C27C

#4B7D5E - #6F9F62 - #B3C27C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B7D5E 0%, #6F9F62 50%, #B3C27C 100%);
    background: -webkit-linear-gradient(top, #4B7D5E 0%, #6F9F62 50%, #B3C27C 100%);
    background: linear-gradient(to bottom, #4B7D5E 0%, #6F9F62 50%, #B3C27C 100%);
}
</style>