#CCB5A6 - #AD7051 | 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 #CCB5A6 to #AD7051

#CCB5A6 #AD7051

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

#CCB5A6 - #AD7051 | 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 #CCB5A6 as 0% and #AD7051 as 100%.

0.0%	0.0% #CCB5A6	RGB 204 181 166	#CCB5A6
16.7%	16.7% #C6A997	RGB 198 169 151	#C6A997
33.3%	33.3% #C19E89	RGB 193 158 137	#C19E89
50.0%	50.0% #BC927B	RGB 188 146 123	#BC927B
66.7%	66.7% #B7876D	RGB 183 135 109	#B7876D
83.3%	83.3% #B27B5F	RGB 178 123 95	#B27B5F
100.0%	100.0% #AD7051	RGB 173 112 81	#AD7051

#CCB5A6 #C6A997 #C19E89 #BC927B #B7876D #B27B5F #AD7051

#CCB5A6 - #AD7051

HSV Blend

#CCB5A6 - #AD7051 | 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 #CCB5A6 as 0% and #AD7051 as 100%.

0.0%	0.0% #CCB5A6	RGB 204 181 166	#CCB5A6
16.7%	16.7% #C6A996	RGB 198 169 150	#C6A996
33.3%	33.3% #C19D87	RGB 193 157 135	#C19D87
50.0%	50.0% #BC9178	RGB 188 145 120	#BC9178
66.7%	66.7% #B7866A	RGB 183 134 106	#B7866A
83.3%	83.3% #B27A5D	RGB 178 122 93	#B27A5D
100.0%	100.0% #AD7051	RGB 173 112 81	#AD7051

#CCB5A6 #C6A996 #C19D87 #BC9178 #B7866A #B27A5D #AD7051

#CCB5A6 - #BC9178 - #AD7051

CSS codes

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

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