#4C563F - #1B3206 | 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 #4C563F to #1B3206

#4C563F #1B3206

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

#4C563F - #1B3206 | 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 #4C563F as 0% and #1B3206 as 100%.

0.0%	0.0% #4C563F	RGB 76 86 63	#4C563F
16.7%	16.7% #435035	RGB 67 80 53	#435035
33.3%	33.3% #3B4A2C	RGB 59 74 44	#3B4A2C
50.0%	50.0% #334422	RGB 51 68 34	#334422
66.7%	66.7% #2B3E19	RGB 43 62 25	#2B3E19
83.3%	83.3% #23380F	RGB 35 56 15	#23380F
100.0%	100.0% #1B3206	RGB 27 50 6	#1B3206

#4C563F #435035 #3B4A2C #334422 #2B3E19 #23380F #1B3206

#4C563F - #1B3206

HSV Blend

#4C563F - #1B3206 | 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 #4C563F as 0% and #1B3206 as 100%.

0.0%	0.0% #4C563F	RGB 76 86 63	#4C563F
16.7%	16.7% #425032	RGB 66 80 50	#425032
33.3%	33.3% #394A27	RGB 57 74 39	#394A27
50.0%	50.0% #31441C	RGB 49 68 28	#31441C
66.7%	66.7% #293E14	RGB 41 62 20	#293E14
83.3%	83.3% #21380C	RGB 33 56 12	#21380C
100.0%	100.0% #1B3206	RGB 27 50 6	#1B3206

#4C563F #425032 #394A27 #31441C #293E14 #21380C #1B3206

#4C563F - #31441C - #1B3206

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C563F 0%, #31441C 50%, #1B3206 100%);
    background: -webkit-linear-gradient(top, #4C563F 0%, #31441C 50%, #1B3206 100%);
    background: linear-gradient(to bottom, #4C563F 0%, #31441C 50%, #1B3206 100%);
}
</style>