#C9F28C - #394528 | 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 #C9F28C to #394528

#C9F28C #394528

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

#C9F28C - #394528 | 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 #C9F28C as 0% and #394528 as 100%.

0.0%	0.0% #C9F28C	RGB 201 242 140	#C9F28C
16.7%	16.7% #B1D57B	RGB 177 213 123	#B1D57B
33.3%	33.3% #99B86A	RGB 153 184 106	#99B86A
50.0%	50.0% #819B5A	RGB 129 155 90	#819B5A
66.7%	66.7% #697E49	RGB 105 126 73	#697E49
83.3%	83.3% #516138	RGB 81 97 56	#516138
100.0%	100.0% #394528	RGB 57 69 40	#394528

#C9F28C #B1D57B #99B86A #819B5A #697E49 #516138 #394528

#C9F28C - #394528

HSV Blend

#C9F28C - #394528 | 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 #C9F28C as 0% and #394528 as 100%.

0.0%	0.0% #C9F28C	RGB 201 242 140	#C9F28C
16.7%	16.7% #B0D57B	RGB 176 213 123	#B0D57B
33.3%	33.3% #98B86A	RGB 152 184 106	#98B86A
50.0%	50.0% #809B5A	RGB 128 155 90	#809B5A
66.7%	66.7% #687E49	RGB 104 126 73	#687E49
83.3%	83.3% #506138	RGB 80 97 56	#506138
100.0%	100.0% #394528	RGB 57 69 40	#394528

#C9F28C #B0D57B #98B86A #809B5A #687E49 #506138 #394528

#C9F28C - #809B5A - #394528

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9F28C 0%, #809B5A 50%, #394528 100%);
    background: -webkit-linear-gradient(top, #C9F28C 0%, #809B5A 50%, #394528 100%);
    background: linear-gradient(to bottom, #C9F28C 0%, #809B5A 50%, #394528 100%);
}
</style>