#4A4D4D - #838C63 | 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 #4A4D4D to #838C63

#4A4D4D #838C63

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

#4A4D4D - #838C63 | 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 #4A4D4D as 0% and #838C63 as 100%.

0.0%	0.0% #4A4D4D	RGB 74 77 77	#4A4D4D
16.7%	16.7% #535750	RGB 83 87 80	#535750
33.3%	33.3% #5D6254	RGB 93 98 84	#5D6254
50.0%	50.0% #666C58	RGB 102 108 88	#666C58
66.7%	66.7% #70775B	RGB 112 119 91	#70775B
83.3%	83.3% #79815F	RGB 121 129 95	#79815F
100.0%	100.0% #838C63	RGB 131 140 99	#838C63

#4A4D4D #535750 #5D6254 #666C58 #70775B #79815F #838C63

#4A4D4D - #838C63

HSV Blend

#4A4D4D - #838C63 | 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 #4A4D4D as 0% and #838C63 as 100%.

0.0%	0.0% #4A4D4D	RGB 74 77 77	#4A4D4D
16.7%	16.7% #505755	RGB 80 87 85	#505755
33.3%	33.3% #55625A	RGB 85 98 90	#55625A
50.0%	50.0% #5A6C5C	RGB 90 108 92	#5A6C5C
66.7%	66.7% #62775E	RGB 98 119 94	#62775E
83.3%	83.3% #708161	RGB 112 129 97	#708161
100.0%	100.0% #838C63	RGB 131 140 99	#838C63

#4A4D4D #505755 #55625A #5A6C5C #62775E #708161 #838C63

#4A4D4D - #5A6C5C - #838C63

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A4D4D 0%, #5A6C5C 50%, #838C63 100%);
    background: -webkit-linear-gradient(top, #4A4D4D 0%, #5A6C5C 50%, #838C63 100%);
    background: linear-gradient(to bottom, #4A4D4D 0%, #5A6C5C 50%, #838C63 100%);
}
</style>