#C4BBB3 - #9C7C5E | 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 #C4BBB3 to #9C7C5E

#C4BBB3 #9C7C5E

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

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

0.0%	0.0% #C4BBB3	RGB 196 187 179	#C4BBB3
16.7%	16.7% #BDB0A4	RGB 189 176 164	#BDB0A4
33.3%	33.3% #B6A696	RGB 182 166 150	#B6A696
50.0%	50.0% #B09B88	RGB 176 155 136	#B09B88
66.7%	66.7% #A9917A	RGB 169 145 122	#A9917A
83.3%	83.3% #A2866C	RGB 162 134 108	#A2866C
100.0%	100.0% #9C7C5E	RGB 156 124 94	#9C7C5E

#C4BBB3 #BDB0A4 #B6A696 #B09B88 #A9917A #A2866C #9C7C5E

#C4BBB3 - #9C7C5E

HSV Blend

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

0.0%	0.0% #C4BBB3	RGB 196 187 179	#C4BBB3
16.7%	16.7% #BDAFA3	RGB 189 175 163	#BDAFA3
33.3%	33.3% #B6A493	RGB 182 164 147	#B6A493
50.0%	50.0% #B09985	RGB 176 153 133	#B09985
66.7%	66.7% #A98F77	RGB 169 143 119	#A98F77
83.3%	83.3% #A2856A	RGB 162 133 106	#A2856A
100.0%	100.0% #9C7C5E	RGB 156 124 94	#9C7C5E

#C4BBB3 #BDAFA3 #B6A493 #B09985 #A98F77 #A2856A #9C7C5E

#C4BBB3 - #B09985 - #9C7C5E

CSS codes

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

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