#CDCDB2 - #A3985E | 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 #CDCDB2 to #A3985E

#CDCDB2 #A3985E

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

#CDCDB2 - #A3985E | 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 #CDCDB2 as 0% and #A3985E as 100%.

0.0%	0.0% #CDCDB2	RGB 205 205 178	#CDCDB2
16.7%	16.7% #C6C4A4	RGB 198 196 164	#C6C4A4
33.3%	33.3% #BFBB96	RGB 191 187 150	#BFBB96
50.0%	50.0% #B8B288	RGB 184 178 136	#B8B288
66.7%	66.7% #B1A97A	RGB 177 169 122	#B1A97A
83.3%	83.3% #AAA06C	RGB 170 160 108	#AAA06C
100.0%	100.0% #A3985E	RGB 163 152 94	#A3985E

#CDCDB2 #C6C4A4 #BFBB96 #B8B288 #B1A97A #AAA06C #A3985E

#CDCDB2 - #A3985E

HSV Blend

#CDCDB2 - #A3985E | 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 #CDCDB2 as 0% and #A3985E as 100%.

0.0%	0.0% #CDCDB2	RGB 205 205 178	#CDCDB2
16.7%	16.7% #C6C5A2	RGB 198 197 162	#C6C5A2
33.3%	33.3% #BFBC93	RGB 191 188 147	#BFBC93
50.0%	50.0% #B8B384	RGB 184 179 132	#B8B384
66.7%	66.7% #B1AA77	RGB 177 170 119	#B1AA77
83.3%	83.3% #AAA16A	RGB 170 161 106	#AAA16A
100.0%	100.0% #A3985E	RGB 163 152 94	#A3985E

#CDCDB2 #C6C5A2 #BFBC93 #B8B384 #B1AA77 #AAA16A #A3985E

#CDCDB2 - #B8B384 - #A3985E

CSS codes

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

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