#CCBBA2 - #AA7B4D | 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 #CCBBA2 to #AA7B4D

#CCBBA2 #AA7B4D

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

#CCBBA2 - #AA7B4D | 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 #CCBBA2 as 0% and #AA7B4D as 100%.

0.0%	0.0% #CCBBA2	RGB 204 187 162	#CCBBA2
16.7%	16.7% #C6B093	RGB 198 176 147	#C6B093
33.3%	33.3% #C0A585	RGB 192 165 133	#C0A585
50.0%	50.0% #BB9B77	RGB 187 155 119	#BB9B77
66.7%	66.7% #B59069	RGB 181 144 105	#B59069
83.3%	83.3% #AF855B	RGB 175 133 91	#AF855B
100.0%	100.0% #AA7B4D	RGB 170 123 77	#AA7B4D

#CCBBA2 #C6B093 #C0A585 #BB9B77 #B59069 #AF855B #AA7B4D

#CCBBA2 - #AA7B4D

HSV Blend

#CCBBA2 - #AA7B4D | 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 #CCBBA2 as 0% and #AA7B4D as 100%.

0.0%	0.0% #CCBBA2	RGB 204 187 162	#CCBBA2
16.7%	16.7% #C6B092	RGB 198 176 146	#C6B092
33.3%	33.3% #C0A583	RGB 192 165 131	#C0A583
50.0%	50.0% #BB9A74	RGB 187 154 116	#BB9A74
66.7%	66.7% #B59066	RGB 181 144 102	#B59066
83.3%	83.3% #AF8559	RGB 175 133 89	#AF8559
100.0%	100.0% #AA7B4D	RGB 170 123 77	#AA7B4D

#CCBBA2 #C6B092 #C0A583 #BB9A74 #B59066 #AF8559 #AA7B4D

#CCBBA2 - #BB9A74 - #AA7B4D

CSS codes

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

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