#CCBBA3 - #AA7B4E | 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 #CCBBA3 to #AA7B4E

#CCBBA3 #AA7B4E

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

#CCBBA3 - #AA7B4E | 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 #CCBBA3 as 0% and #AA7B4E as 100%.

0.0%	0.0% #CCBBA3	RGB 204 187 163	#CCBBA3
16.7%	16.7% #C6B094	RGB 198 176 148	#C6B094
33.3%	33.3% #C0A586	RGB 192 165 134	#C0A586
50.0%	50.0% #BB9B78	RGB 187 155 120	#BB9B78
66.7%	66.7% #B5906A	RGB 181 144 106	#B5906A
83.3%	83.3% #AF855C	RGB 175 133 92	#AF855C
100.0%	100.0% #AA7B4E	RGB 170 123 78	#AA7B4E

#CCBBA3 #C6B094 #C0A586 #BB9B78 #B5906A #AF855C #AA7B4E

#CCBBA3 - #AA7B4E

HSV Blend

#CCBBA3 - #AA7B4E | 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 #CCBBA3 as 0% and #AA7B4E as 100%.

0.0%	0.0% #CCBBA3	RGB 204 187 163	#CCBBA3
16.7%	16.7% #C6B093	RGB 198 176 147	#C6B093
33.3%	33.3% #C0A584	RGB 192 165 132	#C0A584
50.0%	50.0% #BB9A75	RGB 187 154 117	#BB9A75
66.7%	66.7% #B59067	RGB 181 144 103	#B59067
83.3%	83.3% #AF855A	RGB 175 133 90	#AF855A
100.0%	100.0% #AA7B4E	RGB 170 123 78	#AA7B4E

#CCBBA3 #C6B093 #C0A584 #BB9A75 #B59067 #AF855A #AA7B4E

#CCBBA3 - #BB9A75 - #AA7B4E

CSS codes

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

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