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

#C7FF8C #384828

Calculate the color between two colors, #C7FF8C 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)

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

0.0%	0.0% #C7FF8C	RGB 199 255 140	#C7FF8C
16.7%	16.7% #AFE07B	RGB 175 224 123	#AFE07B
33.3%	33.3% #97C26A	RGB 151 194 106	#97C26A
50.0%	50.0% #7FA35A	RGB 127 163 90	#7FA35A
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

#C7FF8C #AFE07B #97C26A #7FA35A #678449 #4F6638 #384828

#C7FF8C - #384828

HSV Blend

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

0.0%	0.0% #C7FF8C	RGB 199 255 140	#C7FF8C
16.7%	16.7% #AFE07B	RGB 175 224 123	#AFE07B
33.3%	33.3% #97C26A	RGB 151 194 106	#97C26A
50.0%	50.0% #7FA35A	RGB 127 163 90	#7FA35A
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

#C7FF8C #AFE07B #97C26A #7FA35A #678449 #4F6638 #384828

#C7FF8C - #7FA35A - #384828

CSS codes

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

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