#516E3C - #CDD5C7 | 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 #516E3C to #CDD5C7

#516E3C #CDD5C7

Calculate the color between two colors, #516E3C and #CDD5C7. 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)

#516E3C - #CDD5C7 | 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 #516E3C as 0% and #CDD5C7 as 100%.

0.0%	0.0% #516E3C	RGB 81 110 60	#516E3C
16.7%	16.7% #657F53	RGB 101 127 83	#657F53
33.3%	33.3% #7A906A	RGB 122 144 106	#7A906A
50.0%	50.0% #8FA181	RGB 143 161 129	#8FA181
66.7%	66.7% #A3B298	RGB 163 178 152	#A3B298
83.3%	83.3% #B8C3AF	RGB 184 195 175	#B8C3AF
100.0%	100.0% #CDD5C7	RGB 205 213 199	#CDD5C7

#516E3C #657F53 #7A906A #8FA181 #A3B298 #B8C3AF #CDD5C7

#516E3C - #CDD5C7

HSV Blend

#516E3C - #CDD5C7 | 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 #516E3C as 0% and #CDD5C7 as 100%.

0.0%	0.0% #516E3C	RGB 81 110 60	#516E3C
16.7%	16.7% #627F4D	RGB 98 127 77	#627F4D
33.3%	33.3% #759061	RGB 117 144 97	#759061
50.0%	50.0% #89A177	RGB 137 161 119	#89A177
66.7%	66.7% #9EB28F	RGB 158 178 143	#9EB28F
83.3%	83.3% #B5C3AA	RGB 181 195 170	#B5C3AA
100.0%	100.0% #CDD5C7	RGB 205 213 199	#CDD5C7

#516E3C #627F4D #759061 #89A177 #9EB28F #B5C3AA #CDD5C7

#516E3C - #89A177 - #CDD5C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #516E3C 0%, #89A177 50%, #CDD5C7 100%);
    background: -webkit-linear-gradient(top, #516E3C 0%, #89A177 50%, #CDD5C7 100%);
    background: linear-gradient(to bottom, #516E3C 0%, #89A177 50%, #CDD5C7 100%);
}
</style>