#3C8C4C - #C8D774 | 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 #3C8C4C to #C8D774

#3C8C4C #C8D774

Calculate the color between two colors, #3C8C4C and #C8D774. 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)

#3C8C4C - #C8D774 | 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 #3C8C4C as 0% and #C8D774 as 100%.

0.0%	0.0% #3C8C4C	RGB 60 140 76	#3C8C4C
16.7%	16.7% #539852	RGB 83 152 82	#539852
33.3%	33.3% #6AA559	RGB 106 165 89	#6AA559
50.0%	50.0% #82B160	RGB 130 177 96	#82B160
66.7%	66.7% #99BE66	RGB 153 190 102	#99BE66
83.3%	83.3% #B0CA6D	RGB 176 202 109	#B0CA6D
100.0%	100.0% #C8D774	RGB 200 215 116	#C8D774

#3C8C4C #539852 #6AA559 #82B160 #99BE66 #B0CA6D #C8D774

#3C8C4C - #C8D774

HSV Blend

#3C8C4C - #C8D774 | 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 #3C8C4C as 0% and #C8D774 as 100%.

0.0%	0.0% #3C8C4C	RGB 60 140 76	#3C8C4C
16.7%	16.7% #449846	RGB 68 152 70	#449846
33.3%	33.3% #5AA54C	RGB 90 165 76	#5AA54C
50.0%	50.0% #73B155	RGB 115 177 85	#73B155
66.7%	66.7% #8EBE5F	RGB 142 190 95	#8EBE5F
83.3%	83.3% #AACA69	RGB 170 202 105	#AACA69
100.0%	100.0% #C8D774	RGB 200 215 116	#C8D774

#3C8C4C #449846 #5AA54C #73B155 #8EBE5F #AACA69 #C8D774

#3C8C4C - #73B155 - #C8D774

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8C4C 0%, #73B155 50%, #C8D774 100%);
    background: -webkit-linear-gradient(top, #3C8C4C 0%, #73B155 50%, #C8D774 100%);
    background: linear-gradient(to bottom, #3C8C4C 0%, #73B155 50%, #C8D774 100%);
}
</style>