#C4A845 - #EEE6C9 | 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 #C4A845 to #EEE6C9

#C4A845 #EEE6C9

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

#C4A845 - #EEE6C9 | 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 #C4A845 as 0% and #EEE6C9 as 100%.

0.0%	0.0% #C4A845	RGB 196 168 69	#C4A845
16.7%	16.7% #CBB25B	RGB 203 178 91	#CBB25B
33.3%	33.3% #D2BC71	RGB 210 188 113	#D2BC71
50.0%	50.0% #D9C787	RGB 217 199 135	#D9C787
66.7%	66.7% #E0D19D	RGB 224 209 157	#E0D19D
83.3%	83.3% #E7DBB3	RGB 231 219 179	#E7DBB3
100.0%	100.0% #EEE6C9	RGB 238 230 201	#EEE6C9

#C4A845 #CBB25B #D2BC71 #D9C787 #E0D19D #E7DBB3 #EEE6C9

#C4A845 - #EEE6C9

HSV Blend

#C4A845 - #EEE6C9 | 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 #C4A845 as 0% and #EEE6C9 as 100%.

0.0%	0.0% #C4A845	RGB 196 168 69	#C4A845
16.7%	16.7% #CBB158	RGB 203 177 88	#CBB158
33.3%	33.3% #D2BB6C	RGB 210 187 108	#D2BB6C
50.0%	50.0% #D9C581	RGB 217 197 129	#D9C581
66.7%	66.7% #E0D098	RGB 224 208 152	#E0D098
83.3%	83.3% #E7DBB0	RGB 231 219 176	#E7DBB0
100.0%	100.0% #EEE6C9	RGB 238 230 201	#EEE6C9

#C4A845 #CBB158 #D2BB6C #D9C581 #E0D098 #E7DBB0 #EEE6C9

#C4A845 - #D9C581 - #EEE6C9

CSS codes

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

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