#CBCFC7 - #A1A876 | 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 #CBCFC7 to #A1A876

#CBCFC7 #A1A876

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

#CBCFC7 - #A1A876 | 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 #CBCFC7 as 0% and #A1A876 as 100%.

0.0%	0.0% #CBCFC7	RGB 203 207 199	#CBCFC7
16.7%	16.7% #C4C8B9	RGB 196 200 185	#C4C8B9
33.3%	33.3% #BDC2AC	RGB 189 194 172	#BDC2AC
50.0%	50.0% #B6BB9E	RGB 182 187 158	#B6BB9E
66.7%	66.7% #AFB591	RGB 175 181 145	#AFB591
83.3%	83.3% #A8AE83	RGB 168 174 131	#A8AE83
100.0%	100.0% #A1A876	RGB 161 168 118	#A1A876

#CBCFC7 #C4C8B9 #BDC2AC #B6BB9E #AFB591 #A8AE83 #A1A876

#CBCFC7 - #A1A876

HSV Blend

#CBCFC7 - #A1A876 | 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 #CBCFC7 as 0% and #A1A876 as 100%.

0.0%	0.0% #CBCFC7	RGB 203 207 199	#CBCFC7
16.7%	16.7% #C1C8B8	RGB 193 200 184	#C1C8B8
33.3%	33.3% #B8C2A9	RGB 184 194 169	#B8C2A9
50.0%	50.0% #B1BB9B	RGB 177 187 155	#B1BB9B
66.7%	66.7% #ABB58E	RGB 171 181 142	#ABB58E
83.3%	83.3% #A5AE82	RGB 165 174 130	#A5AE82
100.0%	100.0% #A1A876	RGB 161 168 118	#A1A876

#CBCFC7 #C1C8B8 #B8C2A9 #B1BB9B #ABB58E #A5AE82 #A1A876

#CBCFC7 - #B1BB9B - #A1A876

CSS codes

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

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