#E6D5A8 - #C99E52 | 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 #E6D5A8 to #C99E52

#E6D5A8 #C99E52

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

#E6D5A8 - #C99E52 | 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 #E6D5A8 as 0% and #C99E52 as 100%.

0.0%	0.0% #E6D5A8	RGB 230 213 168	#E6D5A8
16.7%	16.7% #E1CB99	RGB 225 203 153	#E1CB99
33.3%	33.3% #DCC28B	RGB 220 194 139	#DCC28B
50.0%	50.0% #D7B97D	RGB 215 185 125	#D7B97D
66.7%	66.7% #D2B06E	RGB 210 176 110	#D2B06E
83.3%	83.3% #CDA760	RGB 205 167 96	#CDA760
100.0%	100.0% #C99E52	RGB 201 158 82	#C99E52

#E6D5A8 #E1CB99 #DCC28B #D7B97D #D2B06E #CDA760 #C99E52

#E6D5A8 - #C99E52

HSV Blend

#E6D5A8 - #C99E52 | 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 #E6D5A8 as 0% and #C99E52 as 100%.

0.0%	0.0% #E6D5A8	RGB 230 213 168	#E6D5A8
16.7%	16.7% #E1CC98	RGB 225 204 152	#E1CC98
33.3%	33.3% #DCC389	RGB 220 195 137	#DCC389
50.0%	50.0% #D7B97A	RGB 215 185 122	#D7B97A
66.7%	66.7% #D2B06C	RGB 210 176 108	#D2B06C
83.3%	83.3% #CDA75F	RGB 205 167 95	#CDA75F
100.0%	100.0% #C99E52	RGB 201 158 82	#C99E52

#E6D5A8 #E1CC98 #DCC389 #D7B97A #D2B06C #CDA75F #C99E52

#E6D5A8 - #D7B97A - #C99E52

CSS codes

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

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