#E5E4C0 - #C1B76C | 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 #E5E4C0 to #C1B76C

#E5E4C0 #C1B76C

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

#E5E4C0 - #C1B76C | 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 #E5E4C0 as 0% and #C1B76C as 100%.

0.0%	0.0% #E5E4C0	RGB 229 228 192	#E5E4C0
16.7%	16.7% #DFDCB2	RGB 223 220 178	#DFDCB2
33.3%	33.3% #D9D5A4	RGB 217 213 164	#D9D5A4
50.0%	50.0% #D3CD96	RGB 211 205 150	#D3CD96
66.7%	66.7% #CDC688	RGB 205 198 136	#CDC688
83.3%	83.3% #C7BE7A	RGB 199 190 122	#C7BE7A
100.0%	100.0% #C1B76C	RGB 193 183 108	#C1B76C

#E5E4C0 #DFDCB2 #D9D5A4 #D3CD96 #CDC688 #C7BE7A #C1B76C

#E5E4C0 - #C1B76C

HSV Blend

#E5E4C0 - #C1B76C | 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 #E5E4C0 as 0% and #C1B76C as 100%.

0.0%	0.0% #E5E4C0	RGB 229 228 192	#E5E4C0
16.7%	16.7% #DFDDB0	RGB 223 221 176	#DFDDB0
33.3%	33.3% #D9D5A1	RGB 217 213 161	#D9D5A1
50.0%	50.0% #D3CE93	RGB 211 206 147	#D3CE93
66.7%	66.7% #CDC685	RGB 205 198 133	#CDC685
83.3%	83.3% #C7BE78	RGB 199 190 120	#C7BE78
100.0%	100.0% #C1B76C	RGB 193 183 108	#C1B76C

#E5E4C0 #DFDDB0 #D9D5A1 #D3CE93 #CDC685 #C7BE78 #C1B76C

#E5E4C0 - #D3CE93 - #C1B76C

CSS codes

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

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