#E5E1D4 - #C4B085 | 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 #E5E1D4 to #C4B085

#E5E1D4 #C4B085

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

#E5E1D4 - #C4B085 | 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 #E5E1D4 as 0% and #C4B085 as 100%.

0.0%	0.0% #E5E1D4	RGB 229 225 212	#E5E1D4
16.7%	16.7% #DFD8C6	RGB 223 216 198	#DFD8C6
33.3%	33.3% #DAD0B9	RGB 218 208 185	#DAD0B9
50.0%	50.0% #D4C8AC	RGB 212 200 172	#D4C8AC
66.7%	66.7% #CFC09F	RGB 207 192 159	#CFC09F
83.3%	83.3% #C9B892	RGB 201 184 146	#C9B892
100.0%	100.0% #C4B085	RGB 196 176 133	#C4B085

#E5E1D4 #DFD8C6 #DAD0B9 #D4C8AC #CFC09F #C9B892 #C4B085

#E5E1D4 - #C4B085

HSV Blend

#E5E1D4 - #C4B085 | 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 #E5E1D4 as 0% and #C4B085 as 100%.

0.0%	0.0% #E5E1D4	RGB 229 225 212	#E5E1D4
16.7%	16.7% #DFD9C5	RGB 223 217 197	#DFD9C5
33.3%	33.3% #DAD1B7	RGB 218 209 183	#DAD1B7
50.0%	50.0% #D4C8AA	RGB 212 200 170	#D4C8AA
66.7%	66.7% #CFC09D	RGB 207 192 157	#CFC09D
83.3%	83.3% #C9B891	RGB 201 184 145	#C9B891
100.0%	100.0% #C4B085	RGB 196 176 133	#C4B085

#E5E1D4 #DFD9C5 #DAD1B7 #D4C8AA #CFC09D #C9B891 #C4B085

#E5E1D4 - #D4C8AA - #C4B085

CSS codes

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

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