#C9CBB1 - #8B955C | 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 #C9CBB1 to #8B955C

#C9CBB1 #8B955C

Calculate the color between two colors, #C9CBB1 and #8B955C. 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)

#C9CBB1 - #8B955C | 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 #C9CBB1 as 0% and #8B955C as 100%.

0.0%	0.0% #C9CBB1	RGB 201 203 177	#C9CBB1
16.7%	16.7% #BEC2A2	RGB 190 194 162	#BEC2A2
33.3%	33.3% #B4B994	RGB 180 185 148	#B4B994
50.0%	50.0% #AAB086	RGB 170 176 134	#AAB086
66.7%	66.7% #9FA778	RGB 159 167 120	#9FA778
83.3%	83.3% #959E6A	RGB 149 158 106	#959E6A
100.0%	100.0% #8B955C	RGB 139 149 92	#8B955C

#C9CBB1 #BEC2A2 #B4B994 #AAB086 #9FA778 #959E6A #8B955C

#C9CBB1 - #8B955C

HSV Blend

#C9CBB1 - #8B955C | 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 #C9CBB1 as 0% and #8B955C as 100%.

0.0%	0.0% #C9CBB1	RGB 201 203 177	#C9CBB1
16.7%	16.7% #BEC2A0	RGB 190 194 160	#BEC2A0
33.3%	33.3% #B4B991	RGB 180 185 145	#B4B991
50.0%	50.0% #AAB083	RGB 170 176 131	#AAB083
66.7%	66.7% #9FA775	RGB 159 167 117	#9FA775
83.3%	83.3% #959E68	RGB 149 158 104	#959E68
100.0%	100.0% #8B955C	RGB 139 149 92	#8B955C

#C9CBB1 #BEC2A0 #B4B991 #AAB083 #9FA775 #959E68 #8B955C

#C9CBB1 - #AAB083 - #8B955C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CBB1 0%, #AAB083 50%, #8B955C 100%);
    background: -webkit-linear-gradient(top, #C9CBB1 0%, #AAB083 50%, #8B955C 100%);
    background: linear-gradient(to bottom, #C9CBB1 0%, #AAB083 50%, #8B955C 100%);
}
</style>