#4D804C - #CCDACB | 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 #4D804C to #CCDACB

#4D804C #CCDACB

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

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

0.0%	0.0% #4D804C	RGB 77 128 76	#4D804C
16.7%	16.7% #628F61	RGB 98 143 97	#628F61
33.3%	33.3% #779E76	RGB 119 158 118	#779E76
50.0%	50.0% #8CAD8B	RGB 140 173 139	#8CAD8B
66.7%	66.7% #A1BCA0	RGB 161 188 160	#A1BCA0
83.3%	83.3% #B6CBB5	RGB 182 203 181	#B6CBB5
100.0%	100.0% #CCDACB	RGB 204 218 203	#CCDACB

#4D804C #628F61 #779E76 #8CAD8B #A1BCA0 #B6CBB5 #CCDACB

#4D804C - #CCDACB

HSV Blend

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

0.0%	0.0% #4D804C	RGB 77 128 76	#4D804C
16.7%	16.7% #5E8F5C	RGB 94 143 92	#5E8F5C
33.3%	33.3% #719E6F	RGB 113 158 111	#719E6F
50.0%	50.0% #85AD83	RGB 133 173 131	#85AD83
66.7%	66.7% #9BBC99	RGB 155 188 153	#9BBC99
83.3%	83.3% #B3CBB1	RGB 179 203 177	#B3CBB1
100.0%	100.0% #CCDACB	RGB 204 218 203	#CCDACB

#4D804C #5E8F5C #719E6F #85AD83 #9BBC99 #B3CBB1 #CCDACB

#4D804C - #85AD83 - #CCDACB

CSS codes

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

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