#C7E048 - #384014 | 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 #C7E048 to #384014

#C7E048 #384014

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

#C7E048 - #384014 | 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 #C7E048 as 0% and #384014 as 100%.

0.0%	0.0% #C7E048	RGB 199 224 72	#C7E048
16.7%	16.7% #AFC53F	RGB 175 197 63	#AFC53F
33.3%	33.3% #97AA36	RGB 151 170 54	#97AA36
50.0%	50.0% #7F902E	RGB 127 144 46	#7F902E
66.7%	66.7% #677525	RGB 103 117 37	#677525
83.3%	83.3% #4F5A1C	RGB 79 90 28	#4F5A1C
100.0%	100.0% #384014	RGB 56 64 20	#384014

#C7E048 #AFC53F #97AA36 #7F902E #677525 #4F5A1C #384014

#C7E048 - #384014

HSV Blend

#C7E048 - #384014 | 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 #C7E048 as 0% and #384014 as 100%.

0.0%	0.0% #C7E047	RGB 199 224 71	#C7E047
16.7%	16.7% #AEC53F	RGB 174 197 63	#AEC53F
33.3%	33.3% #96AA36	RGB 150 170 54	#96AA36
50.0%	50.0% #7E902D	RGB 126 144 45	#7E902D
66.7%	66.7% #677525	RGB 103 117 37	#677525
83.3%	83.3% #4F5A1C	RGB 79 90 28	#4F5A1C
100.0%	100.0% #384014	RGB 56 64 20	#384014

#C7E047 #AEC53F #96AA36 #7E902D #677525 #4F5A1C #384014

#C7E048 - #7E902D - #384014

CSS codes

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

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