#CDD9C7 - #81B075 | 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 #CDD9C7 to #81B075

#CDD9C7 #81B075

Calculate the color between two colors, #CDD9C7 and #81B075. 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)

#CDD9C7 - #81B075 | 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 #CDD9C7 as 0% and #81B075 as 100%.

0.0%	0.0% #CDD9C7	RGB 205 217 199	#CDD9C7
16.7%	16.7% #C0D2B9	RGB 192 210 185	#C0D2B9
33.3%	33.3% #B3CBAB	RGB 179 203 171	#B3CBAB
50.0%	50.0% #A7C49E	RGB 167 196 158	#A7C49E
66.7%	66.7% #9ABD90	RGB 154 189 144	#9ABD90
83.3%	83.3% #8DB682	RGB 141 182 130	#8DB682
100.0%	100.0% #81B075	RGB 129 176 117	#81B075

#CDD9C7 #C0D2B9 #B3CBAB #A7C49E #9ABD90 #8DB682 #81B075

#CDD9C7 - #81B075

HSV Blend

#CDD9C7 - #81B075 | 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 #CDD9C7 as 0% and #81B075 as 100%.

0.0%	0.0% #CDD9C7	RGB 205 217 199	#CDD9C7
16.7%	16.7% #C0D2B7	RGB 192 210 183	#C0D2B7
33.3%	33.3% #B3CBA9	RGB 179 203 169	#B3CBA9
50.0%	50.0% #A6C49B	RGB 166 196 155	#A6C49B
66.7%	66.7% #99BD8E	RGB 153 189 142	#99BD8E
83.3%	83.3% #8DB681	RGB 141 182 129	#8DB681
100.0%	100.0% #81B075	RGB 129 176 117	#81B075

#CDD9C7 #C0D2B7 #B3CBA9 #A6C49B #99BD8E #8DB681 #81B075

#CDD9C7 - #A6C49B - #81B075

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDD9C7 0%, #A6C49B 50%, #81B075 100%);
    background: -webkit-linear-gradient(top, #CDD9C7 0%, #A6C49B 50%, #81B075 100%);
    background: linear-gradient(to bottom, #CDD9C7 0%, #A6C49B 50%, #81B075 100%);
}
</style>