#4A8F59 - #CAD47B | 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 #4A8F59 to #CAD47B

#4A8F59 #CAD47B

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

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

0.0%	0.0% #4A8F59	RGB 74 143 89	#4A8F59
16.7%	16.7% #5F9A5E	RGB 95 154 94	#5F9A5E
33.3%	33.3% #74A664	RGB 116 166 100	#74A664
50.0%	50.0% #8AB16A	RGB 138 177 106	#8AB16A
66.7%	66.7% #9FBD6F	RGB 159 189 111	#9FBD6F
83.3%	83.3% #B4C875	RGB 180 200 117	#B4C875
100.0%	100.0% #CAD47B	RGB 202 212 123	#CAD47B

#4A8F59 #5F9A5E #74A664 #8AB16A #9FBD6F #B4C875 #CAD47B

#4A8F59 - #CAD47B

HSV Blend

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

0.0%	0.0% #4A8F59	RGB 74 143 89	#4A8F59
16.7%	16.7% #519A53	RGB 81 154 83	#519A53
33.3%	33.3% #64A659	RGB 100 166 89	#64A659
50.0%	50.0% #7CB161	RGB 124 177 97	#7CB161
66.7%	66.7% #94BD69	RGB 148 189 105	#94BD69
83.3%	83.3% #AEC872	RGB 174 200 114	#AEC872
100.0%	100.0% #CAD47B	RGB 202 212 123	#CAD47B

#4A8F59 #519A53 #64A659 #7CB161 #94BD69 #AEC872 #CAD47B

#4A8F59 - #7CB161 - #CAD47B

CSS codes

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

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