#2D7614 - #CFCC49 | 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 #2D7614 to #CFCC49

#2D7614 #CFCC49

Calculate the color between two colors, #2D7614 and #CFCC49. 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)

#2D7614 - #CFCC49 | 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 #2D7614 as 0% and #CFCC49 as 100%.

0.0%	0.0% #2D7614	RGB 45 118 20	#2D7614
16.7%	16.7% #48841C	RGB 72 132 28	#48841C
33.3%	33.3% #639225	RGB 99 146 37	#639225
50.0%	50.0% #7EA12E	RGB 126 161 46	#7EA12E
66.7%	66.7% #99AF37	RGB 153 175 55	#99AF37
83.3%	83.3% #B4BD40	RGB 180 189 64	#B4BD40
100.0%	100.0% #CFCC49	RGB 207 204 73	#CFCC49

#2D7614 #48841C #639225 #7EA12E #99AF37 #B4BD40 #CFCC49

#2D7614 - #CFCC49

HSV Blend

#2D7614 - #CFCC49 | 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 #2D7614 as 0% and #CFCC49 as 100%.

0.0%	0.0% #2C7614	RGB 44 118 20	#2C7614
16.7%	16.7% #43841A	RGB 67 132 26	#43841A
33.3%	33.3% #5C9322	RGB 92 147 34	#5C9322
50.0%	50.0% #77A22A	RGB 119 162 42	#77A22A
66.7%	66.7% #94B133	RGB 148 177 51	#94B133
83.3%	83.3% #B2C03D	RGB 178 192 61	#B2C03D
100.0%	100.0% #CFCC49	RGB 207 204 73	#CFCC49

#2C7614 #43841A #5C9322 #77A22A #94B133 #B2C03D #CFCC49

#2D7614 - #77A22A - #CFCC49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C7614 0%, #77A22A 50%, #CFCC49 100%);
    background: -webkit-linear-gradient(top, #2C7614 0%, #77A22A 50%, #CFCC49 100%);
    background: linear-gradient(to bottom, #2C7614 0%, #77A22A 50%, #CFCC49 100%);
}
</style>