#CECB8F - #A6973D | 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 #CECB8F to #A6973D

#CECB8F #A6973D

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

#CECB8F - #A6973D | 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 #CECB8F as 0% and #A6973D as 100%.

0.0%	0.0% #CECB8F	RGB 206 203 143	#CECB8F
16.7%	16.7% #C7C281	RGB 199 194 129	#C7C281
33.3%	33.3% #C0B973	RGB 192 185 115	#C0B973
50.0%	50.0% #BAB166	RGB 186 177 102	#BAB166
66.7%	66.7% #B3A858	RGB 179 168 88	#B3A858
83.3%	83.3% #AC9F4A	RGB 172 159 74	#AC9F4A
100.0%	100.0% #A6973D	RGB 166 151 61	#A6973D

#CECB8F #C7C281 #C0B973 #BAB166 #B3A858 #AC9F4A #A6973D

#CECB8F - #A6973D

HSV Blend

#CECB8F - #A6973D | 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 #CECB8F as 0% and #A6973D as 100%.

0.0%	0.0% #CECB8F	RGB 206 203 143	#CECB8F
16.7%	16.7% #C7C27F	RGB 199 194 127	#C7C27F
33.3%	33.3% #C0BA70	RGB 192 186 112	#C0BA70
50.0%	50.0% #BAB162	RGB 186 177 98	#BAB162
66.7%	66.7% #B3A855	RGB 179 168 85	#B3A855
83.3%	83.3% #AC9F48	RGB 172 159 72	#AC9F48
100.0%	100.0% #A6973D	RGB 166 151 61	#A6973D

#CECB8F #C7C27F #C0BA70 #BAB162 #B3A855 #AC9F48 #A6973D

#CECB8F - #BAB162 - #A6973D

CSS codes

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

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