#4A8D5A - #C7D27C | 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 #4A8D5A to #C7D27C

#4A8D5A #C7D27C

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

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

0.0%	0.0% #4A8D5A	RGB 74 141 90	#4A8D5A
16.7%	16.7% #5E985F	RGB 94 152 95	#5E985F
33.3%	33.3% #73A465	RGB 115 164 101	#73A465
50.0%	50.0% #88AF6B	RGB 136 175 107	#88AF6B
66.7%	66.7% #9DBB70	RGB 157 187 112	#9DBB70
83.3%	83.3% #B2C676	RGB 178 198 118	#B2C676
100.0%	100.0% #C7D27C	RGB 199 210 124	#C7D27C

#4A8D5A #5E985F #73A465 #88AF6B #9DBB70 #B2C676 #C7D27C

#4A8D5A - #C7D27C

HSV Blend

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

0.0%	0.0% #4A8D59	RGB 74 141 89	#4A8D59
16.7%	16.7% #519855	RGB 81 152 85	#519855
33.3%	33.3% #63A459	RGB 99 164 89	#63A459
50.0%	50.0% #7AAF61	RGB 122 175 97	#7AAF61
66.7%	66.7% #92BB6A	RGB 146 187 106	#92BB6A
83.3%	83.3% #ACC673	RGB 172 198 115	#ACC673
100.0%	100.0% #C7D27C	RGB 199 210 124	#C7D27C

#4A8D59 #519855 #63A459 #7AAF61 #92BB6A #ACC673 #C7D27C

#4A8D5A - #7AAF61 - #C7D27C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8D59 0%, #7AAF61 50%, #C7D27C 100%);
    background: -webkit-linear-gradient(top, #4A8D59 0%, #7AAF61 50%, #C7D27C 100%);
    background: linear-gradient(to bottom, #4A8D59 0%, #7AAF61 50%, #C7D27C 100%);
}
</style>