#CECEBC - #A39869 | 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 #CECEBC to #A39869

#CECEBC #A39869

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

#CECEBC - #A39869 | 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 #CECEBC as 0% and #A39869 as 100%.

0.0%	0.0% #CECEBC	RGB 206 206 188	#CECEBC
16.7%	16.7% #C6C5AE	RGB 198 197 174	#C6C5AE
33.3%	33.3% #BFBCA0	RGB 191 188 160	#BFBCA0
50.0%	50.0% #B8B392	RGB 184 179 146	#B8B392
66.7%	66.7% #B1AA84	RGB 177 170 132	#B1AA84
83.3%	83.3% #AAA176	RGB 170 161 118	#AAA176
100.0%	100.0% #A39869	RGB 163 152 105	#A39869

#CECEBC #C6C5AE #BFBCA0 #B8B392 #B1AA84 #AAA176 #A39869

#CECEBC - #A39869

HSV Blend

#CECEBC - #A39869 | 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 #CECEBC as 0% and #A39869 as 100%.

0.0%	0.0% #CECEBC	RGB 206 206 188	#CECEBC
16.7%	16.7% #C6C6AC	RGB 198 198 172	#C6C6AC
33.3%	33.3% #BFBD9D	RGB 191 189 157	#BFBD9D
50.0%	50.0% #B8B48F	RGB 184 180 143	#B8B48F
66.7%	66.7% #B1AB82	RGB 177 171 130	#B1AB82
83.3%	83.3% #AAA175	RGB 170 161 117	#AAA175
100.0%	100.0% #A39869	RGB 163 152 105	#A39869

#CECEBC #C6C6AC #BFBD9D #B8B48F #B1AB82 #AAA175 #A39869

#CECEBC - #B8B48F - #A39869

CSS codes

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

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