#C7ED5E - #38431A | 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 #C7ED5E to #38431A

#C7ED5E #38431A

Calculate the color between two colors, #C7ED5E and #38431A. 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)

#C7ED5E - #38431A | 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 #C7ED5E as 0% and #38431A as 100%.

0.0%	0.0% #C7ED5E	RGB 199 237 94	#C7ED5E
16.7%	16.7% #AFD052	RGB 175 208 82	#AFD052
33.3%	33.3% #97B447	RGB 151 180 71	#97B447
50.0%	50.0% #7F983C	RGB 127 152 60	#7F983C
66.7%	66.7% #677B30	RGB 103 123 48	#677B30
83.3%	83.3% #4F5F25	RGB 79 95 37	#4F5F25
100.0%	100.0% #38431A	RGB 56 67 26	#38431A

#C7ED5E #AFD052 #97B447 #7F983C #677B30 #4F5F25 #38431A

#C7ED5E - #38431A

HSV Blend

#C7ED5E - #38431A | 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 #C7ED5E as 0% and #38431A as 100%.

0.0%	0.0% #C7ED5E	RGB 199 237 94	#C7ED5E
16.7%	16.7% #AFD052	RGB 175 208 82	#AFD052
33.3%	33.3% #97B447	RGB 151 180 71	#97B447
50.0%	50.0% #7F983B	RGB 127 152 59	#7F983B
66.7%	66.7% #677B30	RGB 103 123 48	#677B30
83.3%	83.3% #4F5F25	RGB 79 95 37	#4F5F25
100.0%	100.0% #38431A	RGB 56 67 26	#38431A

#C7ED5E #AFD052 #97B447 #7F983B #677B30 #4F5F25 #38431A

#C7ED5E - #7F983B - #38431A

CSS codes

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

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