#C7B6B1 - #AB6D5C | 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 #C7B6B1 to #AB6D5C

#C7B6B1 #AB6D5C

Calculate the color between two colors, #C7B6B1 and #AB6D5C. 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)

#C7B6B1 - #AB6D5C | 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 #C7B6B1 as 0% and #AB6D5C as 100%.

0.0%	0.0% #C7B6B1	RGB 199 182 177	#C7B6B1
16.7%	16.7% #C2A9A2	RGB 194 169 162	#C2A9A2
33.3%	33.3% #BD9D94	RGB 189 157 148	#BD9D94
50.0%	50.0% #B99186	RGB 185 145 134	#B99186
66.7%	66.7% #B48578	RGB 180 133 120	#B48578
83.3%	83.3% #AF796A	RGB 175 121 106	#AF796A
100.0%	100.0% #AB6D5C	RGB 171 109 92	#AB6D5C

#C7B6B1 #C2A9A2 #BD9D94 #B99186 #B48578 #AF796A #AB6D5C

#C7B6B1 - #AB6D5C

HSV Blend

#C7B6B1 - #AB6D5C | 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 #C7B6B1 as 0% and #AB6D5C as 100%.

0.0%	0.0% #C7B6B1	RGB 199 182 177	#C7B6B1
16.7%	16.7% #C2A8A1	RGB 194 168 161	#C2A8A1
33.3%	33.3% #BD9C92	RGB 189 156 146	#BD9C92
50.0%	50.0% #B98F84	RGB 185 143 132	#B98F84
66.7%	66.7% #B48376	RGB 180 131 118	#B48376
83.3%	83.3% #AF7868	RGB 175 120 104	#AF7868
100.0%	100.0% #AB6D5C	RGB 171 109 92	#AB6D5C

#C7B6B1 #C2A8A1 #BD9C92 #B98F84 #B48376 #AF7868 #AB6D5C

#C7B6B1 - #B98F84 - #AB6D5C

CSS codes

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

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