#C2D6C0 - #7A985E | 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 #C2D6C0 to #7A985E

#C2D6C0 #7A985E

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

#C2D6C0 - #7A985E | 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 #C2D6C0 as 0% and #7A985E as 100%.

0.0%	0.0% #C2D6C0	RGB 194 214 192	#C2D6C0
16.7%	16.7% #B6CBAF	RGB 182 203 175	#B6CBAF
33.3%	33.3% #AAC19F	RGB 170 193 159	#AAC19F
50.0%	50.0% #9EB78F	RGB 158 183 143	#9EB78F
66.7%	66.7% #92AC7E	RGB 146 172 126	#92AC7E
83.3%	83.3% #86A26E	RGB 134 162 110	#86A26E
100.0%	100.0% #7A985E	RGB 122 152 94	#7A985E

#C2D6C0 #B6CBAF #AAC19F #9EB78F #92AC7E #86A26E #7A985E

#C2D6C0 - #7A985E

HSV Blend

#C2D6C0 - #7A985E | 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 #C2D6C0 as 0% and #7A985E as 100%.

0.0%	0.0% #C2D6C0	RGB 194 214 192	#C2D6C0
16.7%	16.7% #B2CBAD	RGB 178 203 173	#B2CBAD
33.3%	33.3% #A3C19B	RGB 163 193 155	#A3C19B
50.0%	50.0% #97B78A	RGB 151 183 138	#97B78A
66.7%	66.7% #8CAC7A	RGB 140 172 122	#8CAC7A
83.3%	83.3% #82A26B	RGB 130 162 107	#82A26B
100.0%	100.0% #7A985E	RGB 122 152 94	#7A985E

#C2D6C0 #B2CBAD #A3C19B #97B78A #8CAC7A #82A26B #7A985E

#C2D6C0 - #97B78A - #7A985E

CSS codes

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

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