#AD806B - #C2B5AE | 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 #AD806B to #C2B5AE

#AD806B #C2B5AE

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

#AD806B - #C2B5AE | 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 #AD806B as 0% and #C2B5AE as 100%.

0.0%	0.0% #AD806B	RGB 173 128 107	#AD806B
16.7%	16.7% #B08876	RGB 176 136 118	#B08876
33.3%	33.3% #B49181	RGB 180 145 129	#B49181
50.0%	50.0% #B79A8C	RGB 183 154 140	#B79A8C
66.7%	66.7% #BBA397	RGB 187 163 151	#BBA397
83.3%	83.3% #BEACA2	RGB 190 172 162	#BEACA2
100.0%	100.0% #C2B5AE	RGB 194 181 174	#C2B5AE

#AD806B #B08876 #B49181 #B79A8C #BBA397 #BEACA2 #C2B5AE

#AD806B - #C2B5AE

HSV Blend

#AD806B - #C2B5AE | 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 #AD806B as 0% and #C2B5AE as 100%.

0.0%	0.0% #AD806B	RGB 173 128 107	#AD806B
16.7%	16.7% #B08875	RGB 176 136 117	#B08875
33.3%	33.3% #B49180	RGB 180 145 128	#B49180
50.0%	50.0% #B7998B	RGB 183 153 139	#B7998B
66.7%	66.7% #BBA296	RGB 187 162 150	#BBA296
83.3%	83.3% #BEABA2	RGB 190 171 162	#BEABA2
100.0%	100.0% #C2B5AE	RGB 194 181 174	#C2B5AE

#AD806B #B08875 #B49180 #B7998B #BBA296 #BEABA2 #C2B5AE

#AD806B - #B7998B - #C2B5AE

CSS codes

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

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