#C9C8C3 - #969E6D | 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 #C9C8C3 to #969E6D

#C9C8C3 #969E6D

Calculate the color between two colors, #C9C8C3 and #969E6D. 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)

#C9C8C3 - #969E6D | 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 #C9C8C3 as 0% and #969E6D as 100%.

0.0%	0.0% #C9C8C3	RGB 201 200 195	#C9C8C3
16.7%	16.7% #C0C1B4	RGB 192 193 180	#C0C1B4
33.3%	33.3% #B8BAA6	RGB 184 186 166	#B8BAA6
50.0%	50.0% #AFB398	RGB 175 179 152	#AFB398
66.7%	66.7% #A7AC89	RGB 167 172 137	#A7AC89
83.3%	83.3% #9EA57B	RGB 158 165 123	#9EA57B
100.0%	100.0% #969E6D	RGB 150 158 109	#969E6D

#C9C8C3 #C0C1B4 #B8BAA6 #AFB398 #A7AC89 #9EA57B #969E6D

#C9C8C3 - #969E6D

HSV Blend

#C9C8C3 - #969E6D | 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 #C9C8C3 as 0% and #969E6D as 100%.

0.0%	0.0% #C9C8C3	RGB 201 200 195	#C9C8C3
16.7%	16.7% #C1C0B2	RGB 193 192 178	#C1C0B2
33.3%	33.3% #BAB9A3	RGB 186 185 163	#BAB9A3
50.0%	50.0% #B3B394	RGB 179 179 148	#B3B394
66.7%	66.7% #AAAC86	RGB 170 172 134	#AAAC86
83.3%	83.3% #A0A579	RGB 160 165 121	#A0A579
100.0%	100.0% #969E6D	RGB 150 158 109	#969E6D

#C9C8C3 #C1C0B2 #BAB9A3 #B3B394 #AAAC86 #A0A579 #969E6D

#C9C8C3 - #B3B394 - #969E6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C8C3 0%, #B3B394 50%, #969E6D 100%);
    background: -webkit-linear-gradient(top, #C9C8C3 0%, #B3B394 50%, #969E6D 100%);
    background: linear-gradient(to bottom, #C9C8C3 0%, #B3B394 50%, #969E6D 100%);
}
</style>