#C8C8BE - #9C906B | 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 #C8C8BE to #9C906B

#C8C8BE #9C906B

Calculate the color between two colors, #C8C8BE and #9C906B. 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)

#C8C8BE - #9C906B | 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 #C8C8BE as 0% and #9C906B as 100%.

0.0%	0.0% #C8C8BE	RGB 200 200 190	#C8C8BE
16.7%	16.7% #C0BEB0	RGB 192 190 176	#C0BEB0
33.3%	33.3% #B9B5A2	RGB 185 181 162	#B9B5A2
50.0%	50.0% #B2AC94	RGB 178 172 148	#B2AC94
66.7%	66.7% #AAA286	RGB 170 162 134	#AAA286
83.3%	83.3% #A39978	RGB 163 153 120	#A39978
100.0%	100.0% #9C906B	RGB 156 144 107	#9C906B

#C8C8BE #C0BEB0 #B9B5A2 #B2AC94 #AAA286 #A39978 #9C906B

#C8C8BE - #9C906B

HSV Blend

#C8C8BE - #9C906B | 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 #C8C8BE as 0% and #9C906B as 100%.

0.0%	0.0% #C8C8BE	RGB 200 200 190	#C8C8BE
16.7%	16.7% #C0BFAE	RGB 192 191 174	#C0BFAE
33.3%	33.3% #B9B79F	RGB 185 183 159	#B9B79F
50.0%	50.0% #B2AE91	RGB 178 174 145	#B2AE91
66.7%	66.7% #AAA484	RGB 170 164 132	#AAA484
83.3%	83.3% #A39A77	RGB 163 154 119	#A39A77
100.0%	100.0% #9C906B	RGB 156 144 107	#9C906B

#C8C8BE #C0BFAE #B9B79F #B2AE91 #AAA484 #A39A77 #9C906B

#C8C8BE - #B2AE91 - #9C906B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8BE 0%, #B2AE91 50%, #9C906B 100%);
    background: -webkit-linear-gradient(top, #C8C8BE 0%, #B2AE91 50%, #9C906B 100%);
    background: linear-gradient(to bottom, #C8C8BE 0%, #B2AE91 50%, #9C906B 100%);
}
</style>