#4D5E00 - #CCD1B6 | 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 #4D5E00 to #CCD1B6

#4D5E00 #CCD1B6

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

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

0.0%	0.0% #4D5E00	RGB 77 94 0	#4D5E00
16.7%	16.7% #62711E	RGB 98 113 30	#62711E
33.3%	33.3% #77843C	RGB 119 132 60	#77843C
50.0%	50.0% #8C975B	RGB 140 151 91	#8C975B
66.7%	66.7% #A1AA79	RGB 161 170 121	#A1AA79
83.3%	83.3% #B6BD97	RGB 182 189 151	#B6BD97
100.0%	100.0% #CCD1B6	RGB 204 209 182	#CCD1B6

#4D5E00 #62711E #77843C #8C975B #A1AA79 #B6BD97 #CCD1B6

#4D5E00 - #CCD1B6

HSV Blend

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

0.0%	0.0% #4D5E00	RGB 77 94 0	#4D5E00
16.7%	16.7% #5F7110	RGB 95 113 16	#5F7110
33.3%	33.3% #738426	RGB 115 132 38	#738426
50.0%	50.0% #879741	RGB 135 151 65	#879741
66.7%	66.7% #9DAA63	RGB 157 170 99	#9DAA63
83.3%	83.3% #B4BD89	RGB 180 189 137	#B4BD89
100.0%	100.0% #CCD1B6	RGB 204 209 182	#CCD1B6

#4D5E00 #5F7110 #738426 #879741 #9DAA63 #B4BD89 #CCD1B6

#4D5E00 - #879741 - #CCD1B6

CSS codes

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

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