#4A8113 - #D4C28C | 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 #4A8113 to #D4C28C

#4A8113 #D4C28C

Calculate the color between two colors, #4A8113 and #D4C28C. 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)

#4A8113 - #D4C28C | 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 #4A8113 as 0% and #D4C28C as 100%.

0.0%	0.0% #4A8113	RGB 74 129 19	#4A8113
16.7%	16.7% #618B27	RGB 97 139 39	#618B27
33.3%	33.3% #78963B	RGB 120 150 59	#78963B
50.0%	50.0% #8FA14F	RGB 143 161 79	#8FA14F
66.7%	66.7% #A6AC63	RGB 166 172 99	#A6AC63
83.3%	83.3% #BDB777	RGB 189 183 119	#BDB777
100.0%	100.0% #D4C28C	RGB 212 194 140	#D4C28C

#4A8113 #618B27 #78963B #8FA14F #A6AC63 #BDB777 #D4C28C

#4A8113 - #D4C28C

HSV Blend

#4A8113 - #D4C28C | 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 #4A8113 as 0% and #D4C28C as 100%.

0.0%	0.0% #4A8113	RGB 74 129 19	#4A8113
16.7%	16.7% #658E21	RGB 101 142 33	#658E21
33.3%	33.3% #819C31	RGB 129 156 49	#819C31
50.0%	50.0% #9DAA44	RGB 157 170 68	#9DAA44
66.7%	66.7% #B8B85A	RGB 184 184 90	#B8B85A
83.3%	83.3% #C6BB71	RGB 198 187 113	#C6BB71
100.0%	100.0% #D4C28C	RGB 212 194 140	#D4C28C

#4A8113 #658E21 #819C31 #9DAA44 #B8B85A #C6BB71 #D4C28C

#4A8113 - #9DAA44 - #D4C28C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8113 0%, #9DAA44 50%, #D4C28C 100%);
    background: -webkit-linear-gradient(top, #4A8113 0%, #9DAA44 50%, #D4C28C 100%);
    background: linear-gradient(to bottom, #4A8113 0%, #9DAA44 50%, #D4C28C 100%);
}
</style>