#4D8D4F - #CCDECC | 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 #4D8D4F to #CCDECC

#4D8D4F #CCDECC

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

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

0.0%	0.0% #4D8D4F	RGB 77 141 79	#4D8D4F
16.7%	16.7% #629A63	RGB 98 154 99	#629A63
33.3%	33.3% #77A878	RGB 119 168 120	#77A878
50.0%	50.0% #8CB58D	RGB 140 181 141	#8CB58D
66.7%	66.7% #A1C3A2	RGB 161 195 162	#A1C3A2
83.3%	83.3% #B6D0B7	RGB 182 208 183	#B6D0B7
100.0%	100.0% #CCDECC	RGB 204 222 204	#CCDECC

#4D8D4F #629A63 #77A878 #8CB58D #A1C3A2 #B6D0B7 #CCDECC

#4D8D4F - #CCDECC

HSV Blend

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

0.0%	0.0% #4D8D4E	RGB 77 141 78	#4D8D4E
16.7%	16.7% #5D9A5F	RGB 93 154 95	#5D9A5F
33.3%	33.3% #70A871	RGB 112 168 113	#70A871
50.0%	50.0% #84B585	RGB 132 181 133	#84B585
66.7%	66.7% #9AC39B	RGB 154 195 155	#9AC39B
83.3%	83.3% #B2D0B2	RGB 178 208 178	#B2D0B2
100.0%	100.0% #CCDECC	RGB 204 222 204	#CCDECC

#4D8D4E #5D9A5F #70A871 #84B585 #9AC39B #B2D0B2 #CCDECC

#4D8D4F - #84B585 - #CCDECC

CSS codes

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

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