#C7B9B5 - #AB7161 | 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 #C7B9B5 to #AB7161

#C7B9B5 #AB7161

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

#C7B9B5 - #AB7161 | 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 #C7B9B5 as 0% and #AB7161 as 100%.

0.0%	0.0% #C7B9B5	RGB 199 185 181	#C7B9B5
16.7%	16.7% #C2ADA7	RGB 194 173 167	#C2ADA7
33.3%	33.3% #BDA199	RGB 189 161 153	#BDA199
50.0%	50.0% #B9958B	RGB 185 149 139	#B9958B
66.7%	66.7% #B4897D	RGB 180 137 125	#B4897D
83.3%	83.3% #AF7D6F	RGB 175 125 111	#AF7D6F
100.0%	100.0% #AB7161	RGB 171 113 97	#AB7161

#C7B9B5 #C2ADA7 #BDA199 #B9958B #B4897D #AF7D6F #AB7161

#C7B9B5 - #AB7161

HSV Blend

#C7B9B5 - #AB7161 | 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 #C7B9B5 as 0% and #AB7161 as 100%.

0.0%	0.0% #C7B9B5	RGB 199 185 181	#C7B9B5
16.7%	16.7% #C2ACA5	RGB 194 172 165	#C2ACA5
33.3%	33.3% #BD9F96	RGB 189 159 150	#BD9F96
50.0%	50.0% #B99388	RGB 185 147 136	#B99388
66.7%	66.7% #B4877A	RGB 180 135 122	#B4877A
83.3%	83.3% #AF7C6D	RGB 175 124 109	#AF7C6D
100.0%	100.0% #AB7161	RGB 171 113 97	#AB7161

#C7B9B5 #C2ACA5 #BD9F96 #B99388 #B4877A #AF7C6D #AB7161

#C7B9B5 - #B99388 - #AB7161

CSS codes

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

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