#C7FD8C - #384828 | 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 #C7FD8C to #384828

#C7FD8C #384828

Calculate the color between two colors, #C7FD8C and #384828. 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)

#C7FD8C - #384828 | 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 #C7FD8C as 0% and #384828 as 100%.

0.0%	0.0% #C7FD8C	RGB 199 253 140	#C7FD8C
16.7%	16.7% #AFDE7B	RGB 175 222 123	#AFDE7B
33.3%	33.3% #97C06A	RGB 151 192 106	#97C06A
50.0%	50.0% #7FA25A	RGB 127 162 90	#7FA25A
66.7%	66.7% #678449	RGB 103 132 73	#678449
83.3%	83.3% #4F6638	RGB 79 102 56	#4F6638
100.0%	100.0% #384828	RGB 56 72 40	#384828

#C7FD8C #AFDE7B #97C06A #7FA25A #678449 #4F6638 #384828

#C7FD8C - #384828

HSV Blend

#C7FD8C - #384828 | 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 #C7FD8C as 0% and #384828 as 100%.

0.0%	0.0% #C7FD8C	RGB 199 253 140	#C7FD8C
16.7%	16.7% #AEDE7B	RGB 174 222 123	#AEDE7B
33.3%	33.3% #96C06A	RGB 150 192 106	#96C06A
50.0%	50.0% #7FA25A	RGB 127 162 90	#7FA25A
66.7%	66.7% #678449	RGB 103 132 73	#678449
83.3%	83.3% #4F6638	RGB 79 102 56	#4F6638
100.0%	100.0% #384828	RGB 56 72 40	#384828

#C7FD8C #AEDE7B #96C06A #7FA25A #678449 #4F6638 #384828

#C7FD8C - #7FA25A - #384828

CSS codes

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

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