#E5E0C0 - #C4AF6C | 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 #E5E0C0 to #C4AF6C

#E5E0C0 #C4AF6C

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

#E5E0C0 - #C4AF6C | 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 #E5E0C0 as 0% and #C4AF6C as 100%.

0.0%	0.0% #E5E0C0	RGB 229 224 192	#E5E0C0
16.7%	16.7% #DFD7B2	RGB 223 215 178	#DFD7B2
33.3%	33.3% #DACFA4	RGB 218 207 164	#DACFA4
50.0%	50.0% #D4C796	RGB 212 199 150	#D4C796
66.7%	66.7% #CFBF88	RGB 207 191 136	#CFBF88
83.3%	83.3% #C9B77A	RGB 201 183 122	#C9B77A
100.0%	100.0% #C4AF6C	RGB 196 175 108	#C4AF6C

#E5E0C0 #DFD7B2 #DACFA4 #D4C796 #CFBF88 #C9B77A #C4AF6C

#E5E0C0 - #C4AF6C

HSV Blend

#E5E0C0 - #C4AF6C | 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 #E5E0C0 as 0% and #C4AF6C as 100%.

0.0%	0.0% #E5E0C0	RGB 229 224 192	#E5E0C0
16.7%	16.7% #DFD8B0	RGB 223 216 176	#DFD8B0
33.3%	33.3% #DAD0A1	RGB 218 208 161	#DAD0A1
50.0%	50.0% #D4C893	RGB 212 200 147	#D4C893
66.7%	66.7% #CFC085	RGB 207 192 133	#CFC085
83.3%	83.3% #C9B778	RGB 201 183 120	#C9B778
100.0%	100.0% #C4AF6C	RGB 196 175 108	#C4AF6C

#E5E0C0 #DFD8B0 #DAD0A1 #D4C893 #CFC085 #C9B778 #C4AF6C

#E5E0C0 - #D4C893 - #C4AF6C

CSS codes

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

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