#C2B5AD - #A37058 | 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 #C2B5AD to #A37058

#C2B5AD #A37058

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

#C2B5AD - #A37058 | 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 #C2B5AD as 0% and #A37058 as 100%.

0.0%	0.0% #C2B5AD	RGB 194 181 173	#C2B5AD
16.7%	16.7% #BCA99E	RGB 188 169 158	#BCA99E
33.3%	33.3% #B79E90	RGB 183 158 144	#B79E90
50.0%	50.0% #B29282	RGB 178 146 130	#B29282
66.7%	66.7% #AD8774	RGB 173 135 116	#AD8774
83.3%	83.3% #A87B66	RGB 168 123 102	#A87B66
100.0%	100.0% #A37058	RGB 163 112 88	#A37058

#C2B5AD #BCA99E #B79E90 #B29282 #AD8774 #A87B66 #A37058

#C2B5AD - #A37058

HSV Blend

#C2B5AD - #A37058 | 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 #C2B5AD as 0% and #A37058 as 100%.

0.0%	0.0% #C2B5AD	RGB 194 181 173	#C2B5AD
16.7%	16.7% #BCA99D	RGB 188 169 157	#BCA99D
33.3%	33.3% #B79D8E	RGB 183 157 142	#B79D8E
50.0%	50.0% #B2917F	RGB 178 145 127	#B2917F
66.7%	66.7% #AD8671	RGB 173 134 113	#AD8671
83.3%	83.3% #A87A64	RGB 168 122 100	#A87A64
100.0%	100.0% #A37058	RGB 163 112 88	#A37058

#C2B5AD #BCA99D #B79D8E #B2917F #AD8671 #A87A64 #A37058

#C2B5AD - #B2917F - #A37058

CSS codes

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

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