#C9A09B - #AE5346 | 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 #C9A09B to #AE5346

#C9A09B #AE5346

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

#C9A09B - #AE5346 | 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 #C9A09B as 0% and #AE5346 as 100%.

0.0%	0.0% #C9A09B	RGB 201 160 155	#C9A09B
16.7%	16.7% #C4938C	RGB 196 147 140	#C4938C
33.3%	33.3% #C0867E	RGB 192 134 126	#C0867E
50.0%	50.0% #BB7970	RGB 187 121 112	#BB7970
66.7%	66.7% #B76C62	RGB 183 108 98	#B76C62
83.3%	83.3% #B25F54	RGB 178 95 84	#B25F54
100.0%	100.0% #AE5346	RGB 174 83 70	#AE5346

#C9A09B #C4938C #C0867E #BB7970 #B76C62 #B25F54 #AE5346

#C9A09B - #AE5346

HSV Blend

#C9A09B - #AE5346 | 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 #C9A09B as 0% and #AE5346 as 100%.

0.0%	0.0% #C9A09B	RGB 201 160 155	#C9A09B
16.7%	16.7% #C4918B	RGB 196 145 139	#C4918B
33.3%	33.3% #C0847C	RGB 192 132 124	#C0847C
50.0%	50.0% #BB776E	RGB 187 119 110	#BB776E
66.7%	66.7% #B76A60	RGB 183 106 96	#B76A60
83.3%	83.3% #B25E52	RGB 178 94 82	#B25E52
100.0%	100.0% #AE5346	RGB 174 83 70	#AE5346

#C9A09B #C4918B #C0847C #BB776E #B76A60 #B25E52 #AE5346

#C9A09B - #BB776E - #AE5346

CSS codes

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

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