#CCCDCB - #ABA57B | 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 #CCCDCB to #ABA57B

#CCCDCB #ABA57B

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

#CCCDCB - #ABA57B | 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 #CCCDCB as 0% and #ABA57B as 100%.

0.0%	0.0% #CCCDCB	RGB 204 205 203	#CCCDCB
16.7%	16.7% #C6C6BD	RGB 198 198 189	#C6C6BD
33.3%	33.3% #C1BFB0	RGB 193 191 176	#C1BFB0
50.0%	50.0% #BBB9A3	RGB 187 185 163	#BBB9A3
66.7%	66.7% #B6B295	RGB 182 178 149	#B6B295
83.3%	83.3% #B0AB88	RGB 176 171 136	#B0AB88
100.0%	100.0% #ABA57B	RGB 171 165 123	#ABA57B

#CCCDCB #C6C6BD #C1BFB0 #BBB9A3 #B6B295 #B0AB88 #ABA57B

#CCCDCB - #ABA57B

HSV Blend

#CCCDCB - #ABA57B | 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 #CCCDCB as 0% and #ABA57B as 100%.

0.0%	0.0% #CCCDCB	RGB 204 205 203	#CCCDCB
16.7%	16.7% #C3C7BC	RGB 195 199 188	#C3C7BC
33.3%	33.3% #BCC1AE	RGB 188 193 174	#BCC1AE
50.0%	50.0% #B6BCA0	RGB 182 188 160	#B6BCA0
66.7%	66.7% #B3B693	RGB 179 182 147	#B3B693
83.3%	83.3% #B0AF87	RGB 176 175 135	#B0AF87
100.0%	100.0% #ABA57B	RGB 171 165 123	#ABA57B

#CCCDCB #C3C7BC #BCC1AE #B6BCA0 #B3B693 #B0AF87 #ABA57B

#CCCDCB - #B6BCA0 - #ABA57B

CSS codes

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

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