#CED0C7 - #ADAE76 | 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 #CED0C7 to #ADAE76

#CED0C7 #ADAE76

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

#CED0C7 - #ADAE76 | 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 #CED0C7 as 0% and #ADAE76 as 100%.

0.0%	0.0% #CED0C7	RGB 206 208 199	#CED0C7
16.7%	16.7% #C8CAB9	RGB 200 202 185	#C8CAB9
33.3%	33.3% #C3C4AC	RGB 195 196 172	#C3C4AC
50.0%	50.0% #BDBF9E	RGB 189 191 158	#BDBF9E
66.7%	66.7% #B8B991	RGB 184 185 145	#B8B991
83.3%	83.3% #B2B383	RGB 178 179 131	#B2B383
100.0%	100.0% #ADAE76	RGB 173 174 118	#ADAE76

#CED0C7 #C8CAB9 #C3C4AC #BDBF9E #B8B991 #B2B383 #ADAE76

#CED0C7 - #ADAE76

HSV Blend

#CED0C7 - #ADAE76 | 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 #CED0C7 as 0% and #ADAE76 as 100%.

0.0%	0.0% #CED0C7	RGB 206 208 199	#CED0C7
16.7%	16.7% #C6CAB8	RGB 198 202 184	#C6CAB8
33.3%	33.3% #C0C4A9	RGB 192 196 169	#C0C4A9
50.0%	50.0% #BABF9C	RGB 186 191 156	#BABF9C
66.7%	66.7% #B5B98E	RGB 181 185 142	#B5B98E
83.3%	83.3% #B1B382	RGB 177 179 130	#B1B382
100.0%	100.0% #ADAE76	RGB 173 174 118	#ADAE76

#CED0C7 #C6CAB8 #C0C4A9 #BABF9C #B5B98E #B1B382 #ADAE76

#CED0C7 - #BABF9C - #ADAE76

CSS codes

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

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