#C0A99D - #A16348 | 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 #C0A99D to #A16348

#C0A99D #A16348

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

#C0A99D - #A16348 | 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 #C0A99D as 0% and #A16348 as 100%.

0.0%	0.0% #C0A99D	RGB 192 169 157	#C0A99D
16.7%	16.7% #BA9D8E	RGB 186 157 142	#BA9D8E
33.3%	33.3% #B59180	RGB 181 145 128	#B59180
50.0%	50.0% #B08672	RGB 176 134 114	#B08672
66.7%	66.7% #AB7A64	RGB 171 122 100	#AB7A64
83.3%	83.3% #A66E56	RGB 166 110 86	#A66E56
100.0%	100.0% #A16348	RGB 161 99 72	#A16348

#C0A99D #BA9D8E #B59180 #B08672 #AB7A64 #A66E56 #A16348

#C0A99D - #A16348

HSV Blend

#C0A99D - #A16348 | 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 #C0A99D as 0% and #A16348 as 100%.

0.0%	0.0% #C0A99D	RGB 192 169 157	#C0A99D
16.7%	16.7% #BA9C8D	RGB 186 156 141	#BA9C8D
33.3%	33.3% #B5907E	RGB 181 144 126	#B5907E
50.0%	50.0% #B0846F	RGB 176 132 111	#B0846F
66.7%	66.7% #AB7961	RGB 171 121 97	#AB7961
83.3%	83.3% #A66D54	RGB 166 109 84	#A66D54
100.0%	100.0% #A16348	RGB 161 99 72	#A16348

#C0A99D #BA9C8D #B5907E #B0846F #AB7961 #A66D54 #A16348

#C0A99D - #B0846F - #A16348

CSS codes

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

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