#CCC7B2 - #A58D5E | 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 #CCC7B2 to #A58D5E

#CCC7B2 #A58D5E

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

#CCC7B2 - #A58D5E | 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 #CCC7B2 as 0% and #A58D5E as 100%.

0.0%	0.0% #CCC7B2	RGB 204 199 178	#CCC7B2
16.7%	16.7% #C5BDA4	RGB 197 189 164	#C5BDA4
33.3%	33.3% #BFB396	RGB 191 179 150	#BFB396
50.0%	50.0% #B8AA88	RGB 184 170 136	#B8AA88
66.7%	66.7% #B2A07A	RGB 178 160 122	#B2A07A
83.3%	83.3% #AB966C	RGB 171 150 108	#AB966C
100.0%	100.0% #A58D5E	RGB 165 141 94	#A58D5E

#CCC7B2 #C5BDA4 #BFB396 #B8AA88 #B2A07A #AB966C #A58D5E

#CCC7B2 - #A58D5E

HSV Blend

#CCC7B2 - #A58D5E | 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 #CCC7B2 as 0% and #A58D5E as 100%.

0.0%	0.0% #CCC7B2	RGB 204 199 178	#CCC7B2
16.7%	16.7% #C5BDA2	RGB 197 189 162	#C5BDA2
33.3%	33.3% #BFB493	RGB 191 180 147	#BFB493
50.0%	50.0% #B8AA85	RGB 184 170 133	#B8AA85
66.7%	66.7% #B2A177	RGB 178 161 119	#B2A177
83.3%	83.3% #AB976A	RGB 171 151 106	#AB976A
100.0%	100.0% #A58D5E	RGB 165 141 94	#A58D5E

#CCC7B2 #C5BDA2 #BFB493 #B8AA85 #B2A177 #AB976A #A58D5E

#CCC7B2 - #B8AA85 - #A58D5E

CSS codes

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

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