#C2BAB5 - #9C6D61 | 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 #C2BAB5 to #9C6D61

#C2BAB5 #9C6D61

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

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

0.0%	0.0% #C2BAB5	RGB 194 186 181	#C2BAB5
16.7%	16.7% #BBADA7	RGB 187 173 167	#BBADA7
33.3%	33.3% #B5A099	RGB 181 160 153	#B5A099
50.0%	50.0% #AF938B	RGB 175 147 139	#AF938B
66.7%	66.7% #A8867D	RGB 168 134 125	#A8867D
83.3%	83.3% #A2796F	RGB 162 121 111	#A2796F
100.0%	100.0% #9C6D61	RGB 156 109 97	#9C6D61

#C2BAB5 #BBADA7 #B5A099 #AF938B #A8867D #A2796F #9C6D61

#C2BAB5 - #9C6D61

HSV Blend

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

0.0%	0.0% #C2BAB5	RGB 194 186 181	#C2BAB5
16.7%	16.7% #BBADA5	RGB 187 173 165	#BBADA5
33.3%	33.3% #B5A096	RGB 181 160 150	#B5A096
50.0%	50.0% #AF9388	RGB 175 147 136	#AF9388
66.7%	66.7% #A8867A	RGB 168 134 122	#A8867A
83.3%	83.3% #A2796D	RGB 162 121 109	#A2796D
100.0%	100.0% #9C6D61	RGB 156 109 97	#9C6D61

#C2BAB5 #BBADA5 #B5A096 #AF9388 #A8867A #A2796D #9C6D61

#C2BAB5 - #AF9388 - #9C6D61

CSS codes

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

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