#CCA8A2 - #B15C4C | 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 #CCA8A2 to #B15C4C

#CCA8A2 #B15C4C

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

#CCA8A2 - #B15C4C | 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 #CCA8A2 as 0% and #B15C4C as 100%.

0.0%	0.0% #CCA8A2	RGB 204 168 162	#CCA8A2
16.7%	16.7% #C79B93	RGB 199 155 147	#C79B93
33.3%	33.3% #C38E85	RGB 195 142 133	#C38E85
50.0%	50.0% #BE8277	RGB 190 130 119	#BE8277
66.7%	66.7% #BA7568	RGB 186 117 104	#BA7568
83.3%	83.3% #B5685A	RGB 181 104 90	#B5685A
100.0%	100.0% #B15C4C	RGB 177 92 76	#B15C4C

#CCA8A2 #C79B93 #C38E85 #BE8277 #BA7568 #B5685A #B15C4C

#CCA8A2 - #B15C4C

HSV Blend

#CCA8A2 - #B15C4C | 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 #CCA8A2 as 0% and #B15C4C as 100%.

0.0%	0.0% #CCA8A2	RGB 204 168 162	#CCA8A2
16.7%	16.7% #C79A92	RGB 199 154 146	#C79A92
33.3%	33.3% #C38C83	RGB 195 140 131	#C38C83
50.0%	50.0% #BE7F74	RGB 190 127 116	#BE7F74
66.7%	66.7% #BA7366	RGB 186 115 102	#BA7366
83.3%	83.3% #B56758	RGB 181 103 88	#B56758
100.0%	100.0% #B15C4C	RGB 177 92 76	#B15C4C

#CCA8A2 #C79A92 #C38C83 #BE7F74 #BA7366 #B56758 #B15C4C

#CCA8A2 - #BE7F74 - #B15C4C

CSS codes

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

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