#CEB8A8 - #AA6D53 | 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 #CEB8A8 to #AA6D53

#CEB8A8 #AA6D53

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

#CEB8A8 - #AA6D53 | 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 #CEB8A8 as 0% and #AA6D53 as 100%.

0.0%	0.0% #CEB8A8	RGB 206 184 168	#CEB8A8
16.7%	16.7% #C8AB99	RGB 200 171 153	#C8AB99
33.3%	33.3% #C29F8B	RGB 194 159 139	#C29F8B
50.0%	50.0% #BC927D	RGB 188 146 125	#BC927D
66.7%	66.7% #B6866F	RGB 182 134 111	#B6866F
83.3%	83.3% #B07961	RGB 176 121 97	#B07961
100.0%	100.0% #AA6D53	RGB 170 109 83	#AA6D53

#CEB8A8 #C8AB99 #C29F8B #BC927D #B6866F #B07961 #AA6D53

#CEB8A8 - #AA6D53

HSV Blend

#CEB8A8 - #AA6D53 | 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 #CEB8A8 as 0% and #AA6D53 as 100%.

0.0%	0.0% #CEB8A8	RGB 206 184 168	#CEB8A8
16.7%	16.7% #C8AB98	RGB 200 171 152	#C8AB98
33.3%	33.3% #C29E89	RGB 194 158 137	#C29E89
50.0%	50.0% #BC927A	RGB 188 146 122	#BC927A
66.7%	66.7% #B6856C	RGB 182 133 108	#B6856C
83.3%	83.3% #B0795F	RGB 176 121 95	#B0795F
100.0%	100.0% #AA6D53	RGB 170 109 83	#AA6D53

#CEB8A8 #C8AB98 #C29E89 #BC927A #B6856C #B0795F #AA6D53

#CEB8A8 - #BC927A - #AA6D53

CSS codes

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

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