#4A8D75 - #B9CE8C | 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 #4A8D75 to #B9CE8C

#4A8D75 #B9CE8C

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

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

0.0%	0.0% #4A8D75	RGB 74 141 117	#4A8D75
16.7%	16.7% #5C9778	RGB 92 151 120	#5C9778
33.3%	33.3% #6FA27C	RGB 111 162 124	#6FA27C
50.0%	50.0% #81AD80	RGB 129 173 128	#81AD80
66.7%	66.7% #94B884	RGB 148 184 132	#94B884
83.3%	83.3% #A6C388	RGB 166 195 136	#A6C388
100.0%	100.0% #B9CE8C	RGB 185 206 140	#B9CE8C

#4A8D75 #5C9778 #6FA27C #81AD80 #94B884 #A6C388 #B9CE8C

#4A8D75 - #B9CE8C

HSV Blend

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

0.0%	0.0% #4A8D75	RGB 74 141 117	#4A8D75
16.7%	16.7% #539770	RGB 83 151 112	#539770
33.3%	33.3% #5DA26B	RGB 93 162 107	#5DA26B
50.0%	50.0% #69AD68	RGB 105 173 104	#69AD68
66.7%	66.7% #84B873	RGB 132 184 115	#84B873
83.3%	83.3% #9EC37F	RGB 158 195 127	#9EC37F
100.0%	100.0% #B9CE8C	RGB 185 206 140	#B9CE8C

#4A8D75 #539770 #5DA26B #69AD68 #84B873 #9EC37F #B9CE8C

#4A8D75 - #69AD68 - #B9CE8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8D75 0%, #69AD68 50%, #B9CE8C 100%);
    background: -webkit-linear-gradient(top, #4A8D75 0%, #69AD68 50%, #B9CE8C 100%);
    background: linear-gradient(to bottom, #4A8D75 0%, #69AD68 50%, #B9CE8C 100%);
}
</style>