#C9D0C2 - #7A8C6A | 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 #C9D0C2 to #7A8C6A

#C9D0C2 #7A8C6A

Calculate the color between two colors, #C9D0C2 and #7A8C6A. 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)

#C9D0C2 - #7A8C6A | 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 #C9D0C2 as 0% and #7A8C6A as 100%.

0.0%	0.0% #C9D0C2	RGB 201 208 194	#C9D0C2
16.7%	16.7% #BBC4B3	RGB 187 196 179	#BBC4B3
33.3%	33.3% #AEB9A4	RGB 174 185 164	#AEB9A4
50.0%	50.0% #A1AE96	RGB 161 174 150	#A1AE96
66.7%	66.7% #94A287	RGB 148 162 135	#94A287
83.3%	83.3% #879778	RGB 135 151 120	#879778
100.0%	100.0% #7A8C6A	RGB 122 140 106	#7A8C6A

#C9D0C2 #BBC4B3 #AEB9A4 #A1AE96 #94A287 #879778 #7A8C6A

#C9D0C2 - #7A8C6A

HSV Blend

#C9D0C2 - #7A8C6A | 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 #C9D0C2 as 0% and #7A8C6A as 100%.

0.0%	0.0% #C9D0C2	RGB 201 208 194	#C9D0C2
16.7%	16.7% #BBC4B1	RGB 187 196 177	#BBC4B1
33.3%	33.3% #ADB9A2	RGB 173 185 162	#ADB9A2
50.0%	50.0% #A0AE93	RGB 160 174 147	#A0AE93
66.7%	66.7% #93A284	RGB 147 162 132	#93A284
83.3%	83.3% #869777	RGB 134 151 119	#869777
100.0%	100.0% #7A8C6A	RGB 122 140 106	#7A8C6A

#C9D0C2 #BBC4B1 #ADB9A2 #A0AE93 #93A284 #869777 #7A8C6A

#C9D0C2 - #A0AE93 - #7A8C6A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9D0C2 0%, #A0AE93 50%, #7A8C6A 100%);
    background: -webkit-linear-gradient(top, #C9D0C2 0%, #A0AE93 50%, #7A8C6A 100%);
    background: linear-gradient(to bottom, #C9D0C2 0%, #A0AE93 50%, #7A8C6A 100%);
}
</style>