#CBCCB2 - #ADA95D | 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 #CBCCB2 to #ADA95D

#CBCCB2 #ADA95D

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

#CBCCB2 - #ADA95D | 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 #CBCCB2 as 0% and #ADA95D as 100%.

0.0%	0.0% #CBCCB2	RGB 203 204 178	#CBCCB2
16.7%	16.7% #C6C6A3	RGB 198 198 163	#C6C6A3
33.3%	33.3% #C1C095	RGB 193 192 149	#C1C095
50.0%	50.0% #BCBA87	RGB 188 186 135	#BCBA87
66.7%	66.7% #B7B479	RGB 183 180 121	#B7B479
83.3%	83.3% #B2AE6B	RGB 178 174 107	#B2AE6B
100.0%	100.0% #ADA95D	RGB 173 169 93	#ADA95D

#CBCCB2 #C6C6A3 #C1C095 #BCBA87 #B7B479 #B2AE6B #ADA95D

#CBCCB2 - #ADA95D

HSV Blend

#CBCCB2 - #ADA95D | 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 #CBCCB2 as 0% and #ADA95D as 100%.

0.0%	0.0% #CBCCB2	RGB 203 204 178	#CBCCB2
16.7%	16.7% #C5C6A2	RGB 197 198 162	#C5C6A2
33.3%	33.3% #C1C193	RGB 193 193 147	#C1C193
50.0%	50.0% #BCBC84	RGB 188 188 132	#BCBC84
66.7%	66.7% #B7B677	RGB 183 182 119	#B7B677
83.3%	83.3% #B2AF69	RGB 178 175 105	#B2AF69
100.0%	100.0% #ADA95D	RGB 173 169 93	#ADA95D

#CBCCB2 #C5C6A2 #C1C193 #BCBC84 #B7B677 #B2AF69 #ADA95D

#CBCCB2 - #BCBC84 - #ADA95D

CSS codes

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

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