#CBCDB2 - #A8A05E | 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 #CBCDB2 to #A8A05E

#CBCDB2 #A8A05E

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

#CBCDB2 - #A8A05E | 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 #CBCDB2 as 0% and #A8A05E as 100%.

0.0%	0.0% #CBCDB2	RGB 203 205 178	#CBCDB2
16.7%	16.7% #C5C5A4	RGB 197 197 164	#C5C5A4
33.3%	33.3% #BFBE96	RGB 191 190 150	#BFBE96
50.0%	50.0% #B9B688	RGB 185 182 136	#B9B688
66.7%	66.7% #B3AF7A	RGB 179 175 122	#B3AF7A
83.3%	83.3% #ADA76C	RGB 173 167 108	#ADA76C
100.0%	100.0% #A8A05E	RGB 168 160 94	#A8A05E

#CBCDB2 #C5C5A4 #BFBE96 #B9B688 #B3AF7A #ADA76C #A8A05E

#CBCDB2 - #A8A05E

HSV Blend

#CBCDB2 - #A8A05E | 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 #CBCDB2 as 0% and #A8A05E as 100%.

0.0%	0.0% #CBCDB2	RGB 203 205 178	#CBCDB2
16.7%	16.7% #C5C6A2	RGB 197 198 162	#C5C6A2
33.3%	33.3% #C0C093	RGB 192 192 147	#C0C093
50.0%	50.0% #BAB985	RGB 186 185 133	#BAB985
66.7%	66.7% #B4B177	RGB 180 177 119	#B4B177
83.3%	83.3% #AEA86A	RGB 174 168 106	#AEA86A
100.0%	100.0% #A8A05E	RGB 168 160 94	#A8A05E

#CBCDB2 #C5C6A2 #C0C093 #BAB985 #B4B177 #AEA86A #A8A05E

#CBCDB2 - #BAB985 - #A8A05E

CSS codes

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

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