#CCB5AA - #AF6E55 | 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 #CCB5AA to #AF6E55

#CCB5AA #AF6E55

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

#CCB5AA - #AF6E55 | 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 #CCB5AA as 0% and #AF6E55 as 100%.

0.0%	0.0% #CCB5AA	RGB 204 181 170	#CCB5AA
16.7%	16.7% #C7A99B	RGB 199 169 155	#C7A99B
33.3%	33.3% #C29D8D	RGB 194 157 141	#C29D8D
50.0%	50.0% #BD917F	RGB 189 145 127	#BD917F
66.7%	66.7% #B88571	RGB 184 133 113	#B88571
83.3%	83.3% #B37963	RGB 179 121 99	#B37963
100.0%	100.0% #AF6E55	RGB 175 110 85	#AF6E55

#CCB5AA #C7A99B #C29D8D #BD917F #B88571 #B37963 #AF6E55

#CCB5AA - #AF6E55

HSV Blend

#CCB5AA - #AF6E55 | 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 #CCB5AA as 0% and #AF6E55 as 100%.

0.0%	0.0% #CCB5AA	RGB 204 181 170	#CCB5AA
16.7%	16.7% #C7A89A	RGB 199 168 154	#C7A89A
33.3%	33.3% #C29C8B	RGB 194 156 139	#C29C8B
50.0%	50.0% #BD907C	RGB 189 144 124	#BD907C
66.7%	66.7% #B8846F	RGB 184 132 111	#B8846F
83.3%	83.3% #B37961	RGB 179 121 97	#B37961
100.0%	100.0% #AF6E55	RGB 175 110 85	#AF6E55

#CCB5AA #C7A89A #C29C8B #BD907C #B8846F #B37961 #AF6E55

#CCB5AA - #BD907C - #AF6E55

CSS codes

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

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