#C7FF32 - #38480E | 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 #C7FF32 to #38480E

#C7FF32 #38480E

Calculate the color between two colors, #C7FF32 and #38480E. 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)

#C7FF32 - #38480E | 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 #C7FF32 as 0% and #38480E as 100%.

0.0%	0.0% #C7FF32	RGB 199 255 50	#C7FF32
16.7%	16.7% #AFE02C	RGB 175 224 44	#AFE02C
33.3%	33.3% #97C226	RGB 151 194 38	#97C226
50.0%	50.0% #7FA320	RGB 127 163 32	#7FA320
66.7%	66.7% #67841A	RGB 103 132 26	#67841A
83.3%	83.3% #4F6614	RGB 79 102 20	#4F6614
100.0%	100.0% #38480E	RGB 56 72 14	#38480E

#C7FF32 #AFE02C #97C226 #7FA320 #67841A #4F6614 #38480E

#C7FF32 - #38480E

HSV Blend

#C7FF32 - #38480E | 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 #C7FF32 as 0% and #38480E as 100%.

0.0%	0.0% #C7FF31	RGB 199 255 49	#C7FF31
16.7%	16.7% #AFE02B	RGB 175 224 43	#AFE02B
33.3%	33.3% #97C225	RGB 151 194 37	#97C225
50.0%	50.0% #7FA31F	RGB 127 163 31	#7FA31F
66.7%	66.7% #678419	RGB 103 132 25	#678419
83.3%	83.3% #4F6613	RGB 79 102 19	#4F6613
100.0%	100.0% #38480E	RGB 56 72 14	#38480E

#C7FF31 #AFE02B #97C225 #7FA31F #678419 #4F6613 #38480E

#C7FF32 - #7FA31F - #38480E

CSS codes

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

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