#CECCC3 - #A69271 | 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 #CECCC3 to #A69271

#CECCC3 #A69271

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

#CECCC3 - #A69271 | 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 #CECCC3 as 0% and #A69271 as 100%.

0.0%	0.0% #CECCC3	RGB 206 204 195	#CECCC3
16.7%	16.7% #C7C2B5	RGB 199 194 181	#C7C2B5
33.3%	33.3% #C0B8A7	RGB 192 184 167	#C0B8A7
50.0%	50.0% #BAAF9A	RGB 186 175 154	#BAAF9A
66.7%	66.7% #B3A58C	RGB 179 165 140	#B3A58C
83.3%	83.3% #AC9B7E	RGB 172 155 126	#AC9B7E
100.0%	100.0% #A69271	RGB 166 146 113	#A69271

#CECCC3 #C7C2B5 #C0B8A7 #BAAF9A #B3A58C #AC9B7E #A69271

#CECCC3 - #A69271

HSV Blend

#CECCC3 - #A69271 | 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 #CECCC3 as 0% and #A69271 as 100%.

0.0%	0.0% #CECCC3	RGB 206 204 195	#CECCC3
16.7%	16.7% #C7C3B3	RGB 199 195 179	#C7C3B3
33.3%	33.3% #C0B9A5	RGB 192 185 165	#C0B9A5
50.0%	50.0% #BAB097	RGB 186 176 151	#BAB097
66.7%	66.7% #B3A689	RGB 179 166 137	#B3A689
83.3%	83.3% #AC9C7D	RGB 172 156 125	#AC9C7D
100.0%	100.0% #A69271	RGB 166 146 113	#A69271

#CECCC3 #C7C3B3 #C0B9A5 #BAB097 #B3A689 #AC9C7D #A69271

#CECCC3 - #BAB097 - #A69271

CSS codes

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

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